{"id":7428,"date":"2019-05-22T20:12:11","date_gmt":"2019-05-22T12:12:11","guid":{"rendered":"https:\/\/sdeno.com\/?p=7428"},"modified":"2019-05-22T20:12:11","modified_gmt":"2019-05-22T12:12:11","slug":"%e5%b0%8f%e7%a8%8b%e5%ba%8f%e6%8b%96%e6%8b%bd%e6%b5%ae%e5%8a%a8%e6%8c%89%e9%92%ae","status":"publish","type":"post","link":"https:\/\/sdeno.com\/?p=7428","title":{"rendered":"\u5c0f\u7a0b\u5e8f\u62d6\u62fd\u6d6e\u52a8\u6309\u94ae"},"content":{"rendered":"

\u5c0f\u7a0b\u5e8f \u6d6e\u52a8\u00a0 \u62d6\u62fd \u6309\u94ae<\/p>\n

\u4e0d\u501f\u52a9movable-area\u81ea\u5e26\u7684\u7ec4\u4ef6\uff0c\u5b9e\u73b0\u62d6\u62fd\u6548\u679c<\/p>\n

<\/div>
<\/div><\/div><\/div>\"https:\/\/sdeno.com\/wp-content\/uploads\/2019\/05\/20190321173621284.gif\"<\/figure>\n

 <\/p>\n

wxml<\/p>\n

<button catchtouchmove=\"buttonMove\" catchtouchstart=\"buttonStart\" catchtouchend=\"buttonEnd\" style=\"top:{{buttonTop}}px;left:{{buttonLeft}}px;width: 50px;height:50px;border-radius:50px;position:fixed;background:#ff6700;line-height:50px;font-size:25pt;color:#fff;\">+<\/button><\/pre>\n
 <\/p>\n
js\uff1a<\/p>\n
var startPoint;\r\nPage({\r\n  data: {\r\n  buttonTop: 0,\r\n  buttonLeft: 0,\r\n  windowHeight: '',\r\n  windowWidth: ''\r\n},\r\nonLoad: function (options) {\r\n  var that =this;\r\n  wx.getSystemInfo({\r\n    success: function (res) {\r\n      console.log(res);\r\n      \/\/ \u5c4f\u5e55\u5bbd\u5ea6\u3001\u9ad8\u5ea6\r\n      console.log('height=' + res.windowHeight);\r\n      console.log('width=' + res.windowWidth);\r\n     \/\/ \u9ad8\u5ea6,\u5bbd\u5ea6 \u5355\u4f4d\u4e3apx\r\n     that.setData({\r\n        windowHeight: res.windowHeight,\r\n        windowWidth: res.windowWidth\r\n      })\r\n    }\r\n  })\r\n},\r\n\r\nonShow: function () {\r\n\r\n},\r\n\r\nbuttonStart: function (e) {\r\n   startPoint = e.touches[0]\r\n},\r\nbuttonMove: function (e) {\r\n  var endPoint = e.touches[e.touches.length - 1]\r\n  var translateX = endPoint.clientX - startPoint.clientX\r\n  var translateY = endPoint.clientY - startPoint.clientY\r\n  startPoint = endPoint\r\n  var buttonTop = this.data.buttonTop + translateY\r\n  var buttonLeft = this.data.buttonLeft + translateX\r\n  \/\/\u5224\u65ad\u662f\u79fb\u52a8\u5426\u8d85\u51fa\u5c4f\u5e55\r\n  if (buttonLeft+50 >= this.data.windowWidth){\r\n     buttonLeft = this.data.windowWidth-50;\r\n  }\r\n  if (buttonLeft<=0){\r\n     buttonLeft=0;\r\n  }\r\n  if (buttonTop<=0){\r\n     buttonTop=0\r\n  }\r\n  if (buttonTop + 50 >= this.data.windowHeight){\r\n     buttonTop = this.data.windowHeight-50;\r\n  }\r\n  this.setData({\r\n     buttonTop: buttonTop,\r\n     buttonLeft: buttonLeft\r\n  })\r\n},\r\n\r\nbuttonEnd: function (e) {\r\n\r\n}\r\n\r\n})\r\n\r\n<\/pre>\n
 <\/p>\n
https:\/\/blog.csdn.net\/jiang18238032891\/article\/details\/88721165<\/a><\/p>\n
 <\/p>\n
\u5c0f\u7a0b\u5e8f \u6d6e\u52a8\u00a0 \u62d6\u62fd \u6309\u94ae \u4e0d\u501f\u52a9movable-area\u81ea\u5e26\u7684\u7ec4\u4ef6\uff0c\u5b9e\u73b0\u62d6\u62fd\u6548\u679c   wxml & […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[49],"tags":[],"class_list":["post-7428","post","type-post","status-publish","format-standard","hentry","category-49"],"_links":{"self":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/7428","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7428"}],"version-history":[{"count":0,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/7428\/revisions"}],"wp:attachment":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7428"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7428"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}