| 1 |
- {"version":3,"sources":["components/u-floating/u-floating.vue"],"names":[],"mappings":"AAQC,KAAK,SAAQ,GAAI;IAAA,mBAAA,CAAA,EAAA,oBAAA,CAAA,WAAA,EAAA,sCAAA,EAAA,CAAA,EAAA,CAAA,CAAA,CAAA;IAChB,OAAM,EAAI,MAAK,CAAA;IACf,OAAM,EAAI,MAAK,CAAA;CAChB,CAAA;AACA,KAAK,UAAS,GAAI;IAAA,mBAAA,CAAA,EAAA,oBAAA,CAAA,YAAA,EAAA,sCAAA,EAAA,EAAA,EAAA,CAAA,CAAA,CAAA;IACjB,OAAM,EAAI,KAAK,CAAC,SAAS,CAAA,CAAA;CAC1B,CAAA;AACA,MAAK,OAAQ,GAAE,eAAA,CAAA;IACd,IAAI,EAAE,gBAAgB;IACtB,IAAI;QACH,OAAO;YACN,GAAG,EAAE,GAAG;YACR,IAAI,EAAE,EAAE;YACR,MAAM,EAAE,CAAC;YACT,MAAM,EAAE,CAAC;YACT,QAAQ,EAAE,KAAI;SACd,CAAA;IACF,CAAC;IACD,OAAO,EAAE;QACR,YAAY,CAAC,KAAI,EAAI,UAAU;YAC9B,IAAI,CAAC,MAAK,GAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAM,CAAA;YACrC,IAAI,CAAC,MAAK,GAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAM,CAAA;YACrC,IAAI,CAAC,QAAO,GAAI,IAAG,CAAA;QACpB,CAAC;QACD,WAAW,CAAC,KAAI,EAAI,UAAU;YAC7B,IAAI,IAAI,CAAC,QAAQ,EAAE;gBAClB,MAAM,MAAK,GAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAM,GAAI,IAAI,CAAC,MAAK,CAAA;gBACpD,MAAM,MAAK,GAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAM,GAAI,IAAI,CAAC,MAAK,CAAA;gBACpD,IAAI,CAAC,MAAK,GAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAM,CAAA;gBACrC,IAAI,CAAC,MAAK,GAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAM,CAAA;gBACrC,IAAI,CAAC,GAAE,IAAK,MAAK,CAAA;gBACjB,IAAI,CAAC,IAAG,IAAK,MAAK,CAAA;aACnB;QACD,CAAC;QACD,UAAU;YACT,IAAI,CAAC,QAAO,GAAI,KAAI,CAAA;QACrB,CAAA;KACD;CACD,CAAA,CAAA;;;;;WA7CA,GAAA,CAGO,MAAA,EAAA,GAAA,CAAA;QAHD,KAAK,EAAC,iBAAiB;QAAE,KAAK,EAAA,GAAA,CAAE,GAAA,CAAA,EAAA,GAAA,EAAA,IAAA,CAAA,GAAA,GAAA,IAAA,EAAA,IAAA,EAAA,IAAA,CAAA,IAAA,GAAA,IAAA,EAAA,CAAsC,CAAA;QAAG,YAAU,EAAE,IAAA,CAAA,YAAY;QACrG,WAAS,EAAE,IAAA,CAAA,WAAW;QAAG,UAAQ,EAAE,IAAA,CAAA,UAAU;;QAC9C,GAAA,CAA4F,MAAA,EAAA,GAAA,CAAA;YAAtF,KAAK,EAAC,+BAA+B;YAAC,KAAwC,EAAA,GAAA,CAAxC,GAAA,CAAA,EAAA,WAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,CAAwC,CAAA","file":"components/u-floating/u-floating.vue","sourcesContent":["<template>\r\n\t<view class=\"floating-button\" :style=\"{ top: top + 'px', left: left + 'px' }\" @touchstart=\"onTouchStart\"\r\n\t\t@touchmove=\"onTouchMove\" @touchend=\"onTouchEnd\">\r\n\t\t<text class=\"textIcon icon-jingwuicon_svg-\" style=\"font-size: 60rpx;color: #FF4D4D;\"></text>\r\n\t</view>\r\n</template>\r\n\r\n<script lang=\"uts\">\r\n\ttype TouchItem = {\r\n\t\tclientX : number\r\n\t\tclientY : number\r\n\t}\r\n\ttype TouchEvent = {\r\n\t\ttouches : Array<TouchItem>\r\n\t}\r\n\texport default {\r\n\t\tname: 'FloatingButton',\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\ttop: 430,\r\n\t\t\t\tleft: 20,\r\n\t\t\t\tstartX: 0,\r\n\t\t\t\tstartY: 0,\r\n\t\t\t\tdragging: false\r\n\t\t\t};\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\tonTouchStart(event : TouchEvent) {\r\n\t\t\t\tthis.startX = event.touches[0].clientX\r\n\t\t\t\tthis.startY = event.touches[0].clientY\r\n\t\t\t\tthis.dragging = true\r\n\t\t\t},\r\n\t\t\tonTouchMove(event : TouchEvent) {\r\n\t\t\t\tif (this.dragging) {\r\n\t\t\t\t\tconst deltaX = event.touches[0].clientX - this.startX\r\n\t\t\t\t\tconst deltaY = event.touches[0].clientY - this.startY\r\n\t\t\t\t\tthis.startX = event.touches[0].clientX\r\n\t\t\t\t\tthis.startY = event.touches[0].clientY\r\n\t\t\t\t\tthis.top += deltaY\r\n\t\t\t\t\tthis.left += deltaX\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tonTouchEnd() {\r\n\t\t\t\tthis.dragging = false\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style scoped>\r\n\t.floating-button {\r\n\t\tposition: fixed;\r\n\t\tz-index: 9999;\r\n\t\tbackground-color: #fff;\r\n\t\tpadding: 20rpx; /* converted from 10px */\r\n\t\t/* use explicit half of width to create perfect circle in rpx */\r\n\t\tborder-radius: 35rpx;\r\n\t\twidth: 70rpx;\r\n\t\theight: 70rpx;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tbox-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.3);\r\n\t}\r\n</style>"]}
|
