| 1 |
- {"version":3,"sources":["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>"],"names":[],"mappings":";;;;;;;;;;;;;;AAeM;;;;;;eAdL,IAGO,QAAA,IAHD,WAAM,mBAAmB,WAAK,IAAE,IAAA,UAAA,KAAA,GAAA,CAAA,CAAA,CAAA,OAAA,WAAA,KAAA,IAAA,CAAA,CAAA,CAAA,SAAyC,kBAAY,KAAA,YAAY,EACrG,iBAAW,KAAA,WAAW,EAAG,gBAAU,KAAA,UAAU;YAC9C,IAA4F,QAAA,IAAtF,WAAM,iCAAgC,WAAwC,IAAxC,IAAA,eAAA,SAAA,WAAA;;;;;;;aAgB1C;aACA;aACA;aACA;aACA;;;mBAJA,SAAK,GAAG,EACR,UAAM,EAAE,EACR,YAAQ,CAAC,EACT,YAAQ,CAAC,EACT,cAAU,KAAI;;aAIf;aAAA,oBAAa,OAAQ,UAAU,EAAA;QAC9B,IAAI,CAAC,MAAK,GAAI,MAAM,OAAO,CAAC,CAAC,CAAC,CAAC,OAAM;QACrC,IAAI,CAAC,MAAK,GAAI,MAAM,OAAO,CAAC,CAAC,CAAC,CAAC,OAAM;QACrC,IAAI,CAAC,QAAO,GAAI,IAAG;IACpB;aACA;aAAA,mBAAY,OAAQ,UAAU,EAAA;QAC7B,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAM,SAAS,MAAM,OAAO,CAAC,CAAC,CAAC,CAAC,OAAM,CAAA,CAAA,CAAI,IAAI,CAAC,MAAK;YACpD,IAAM,SAAS,MAAM,OAAO,CAAC,CAAC,CAAC,CAAC,OAAM,CAAA,CAAA,CAAI,IAAI,CAAC,MAAK;YACpD,IAAI,CAAC,MAAK,GAAI,MAAM,OAAO,CAAC,CAAC,CAAC,CAAC,OAAM;YACrC,IAAI,CAAC,MAAK,GAAI,MAAM,OAAO,CAAC,CAAC,CAAC,CAAC,OAAM;YACrC,IAAI,CAAC,GAAE,IAAK;YACZ,IAAI,CAAC,IAAG,IAAK;;IAEf;aACA;aAAA,oBAAU;QACT,IAAI,CAAC,QAAO,GAAI,KAAI;IACrB;;mBA5BK;;;;;;;;;;;;;;;;;AA8BP"}
|
