{"id":31944,"date":"2024-11-25T10:57:23","date_gmt":"2024-11-25T02:57:23","guid":{"rendered":"https:\/\/fwq.ai\/blog\/31944\/"},"modified":"2024-11-25T10:57:23","modified_gmt":"2024-11-25T02:57:23","slug":"%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f%e5%bc%80%e5%8f%91%e5%9b%be%e7%89%87%e6%8b%96%e6%8b%bd","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/31944\/","title":{"rendered":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u56fe\u7247\u62d6\u62fd"},"content":{"rendered":"<p>\u8fd9\u7bc7\u6587\u7ae0\u4e3b\u8981\u4ecb\u7ecd\u4e86\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u56fe\u7247\u62d6\u62fd\u5b9e\u4f8b\u8be6\u89e3\u7684\u76f8\u5173\u8d44\u6599,\u9700\u8981\u7684\u670b\u53cb\u53ef\u4ee5\u53c2\u8003\u4e0b<\/p>\n<p><strong>\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u56fe\u7247\u62d6\u62fd\u5b9e\u4f8b\u8be6\u89e3<\/strong><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/009\/1ac6fe9585e56eab0d595ba73aed9e74-0.png\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u56fe\u7247\u62d6\u62fd\u63d2\u56fe\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u56fe\u7247\u62d6\u62fd\u63d2\u56fe\" \/><\/p>\n<p><strong>1.\u7f16\u5199\u9875\u9762\u7ed3\u6784:moveimg.wxml<\/strong><\/p>\n<\/p>\n<pre>&lt;view&gt;&nbsp;\n&nbsp;&nbsp;&lt;view&gt;&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;image&gt;&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/image&gt;&nbsp;\n&nbsp;&nbsp;&lt;\/view&gt;&nbsp;\n&lt;\/view&gt;<\/pre>\n<p>  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n<p><strong>2.\u7f16\u5199\u9875\u9762\u6837\u5f0f\uff1amoveimg.wxss<\/strong><\/p>\n<\/p>\n<pre>.container&nbsp;{&nbsp;\n&nbsp;&nbsp;box-sizing:border-box;&nbsp;\n&nbsp;&nbsp;padding:1rem;&nbsp;\n}&nbsp;\n.cnt{&nbsp;\n&nbsp;&nbsp;width:100%;&nbsp;\n&nbsp;&nbsp;height:15rem;&nbsp;\n&nbsp;&nbsp;border:&nbsp;1px&nbsp;solid&nbsp;#ccc;&nbsp;\n&nbsp;&nbsp;position:relative;&nbsp;\n&nbsp;&nbsp;overflow:&nbsp;hidden;&nbsp;\n}&nbsp;\n.image-style{&nbsp;&nbsp;\n&nbsp;&nbsp;position:&nbsp;absolute;&nbsp;&nbsp;\n&nbsp;&nbsp;top:&nbsp;0px;&nbsp;&nbsp;\n&nbsp;&nbsp;left:0px;&nbsp;&nbsp;\n&nbsp;&nbsp;height:100%;&nbsp;&nbsp;\n}<\/pre>\n<p>  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n<p><strong>3.\u8bbe\u7f6e\u6570\u636e:moveimg.js<\/strong><\/p>\n<\/p>\n<pre>var&nbsp;app&nbsp;=&nbsp;getApp()&nbsp;\nPage({&nbsp;\n&nbsp;&nbsp;data:&nbsp;{&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;ballleft:-20,&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;screenWidth:&nbsp;0,&nbsp;\n&nbsp;&nbsp;},&nbsp;\n&nbsp;&nbsp;onLoad:&nbsp;function()&nbsp;{&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;_this&nbsp;=&nbsp;this;&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;wx.getSystemInfo({&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;success:&nbsp;function(res)&nbsp;{&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;_this.setData({&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;screenHeight:&nbsp;res.windowHeight,&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;screenWidth:&nbsp;res.windowWidth,&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;});&nbsp;\n&nbsp;\n&nbsp;&nbsp;},&nbsp;\n&nbsp;&nbsp;ballMoveEvent:&nbsp;function(e)&nbsp;{&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;touchs&nbsp;=&nbsp;e.touches[0];&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;pageX&nbsp;=&nbsp;touchs.pageX;&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;console.log('\u5bbd\u5ea6&nbsp;'+this.data.screenWidth)&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;console.log('pageX:&nbsp;'&nbsp;+&nbsp;pageX);&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;\/\/\u8fd9\u91cc\u7528right\u548cbottom.\u6240\u4ee5\u9700\u8981\u5c06pageX&nbsp;pageY\u8f6c\u6362&nbsp;&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;x&nbsp;=&nbsp;this.data.screenWidth\/2&nbsp;-&nbsp;pageX-20;&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;if(this.data.screenWidth&amp;gt;385){&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(x&amp;gt;42){x=42;}&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;}else{&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(x&amp;gt;32){x=32;}&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;if(x&lt;p&gt;&lt;\/p&gt;&lt;p&gt;&nbsp;&nbsp; \u8fd9\u51e0\u5929\u4e00\u76f4\u5728\u7814\u7a76\u56fe\u7247\u88c1\u526a\uff0c\u601d\u8def\u662f\u6709\uff0c\u53ef\u662f\u5374\u9047\u5230\u5404\u79cd\u95ee\u9898\u3002\u53ef\u601c\u7f16\u7a0b\u4e0d\u6613\u554a\u3002&lt;br&gt;&lt;\/p&gt;&lt;p&gt;\u60f3\u4e86\u597d\u4e45\uff0c\u51b3\u5b9a\u8fd8\u662f\u7b80\u5355\u5f00\u59cb\u5427\u3002\u5982\u679c\u5927\u5bb6\u6709\u66f4\u597d\u7684\u65b9\u5f0f\u6216\u662f\u5176\u4ed6\u60f3\u6cd5\uff0c\u6b22\u8fce\u63d0\u51fa\uff0c\u4e00\u8d77\u8ba8\u8bba\u3002&lt;\/p&gt;&lt;p&gt;\u4ee5\u4e0a\u5c31\u662f\u672c\u6587\u7684\u5168\u90e8\u5185\u5bb9\uff0c\u5e0c\u671b\u5bf9\u5927\u5bb6\u7684\u5b66\u4e60\u6709\u6240\u5e2e\u52a9\uff0c\u66f4\u591a\u76f8\u5173\u5185\u5bb9\u8bf7\u5173\u6ce8PHP\u4e2d\u6587\u7f51\uff01&lt;\/p&gt;&lt;p&gt;\u76f8\u5173\u63a8\u8350\uff1a&lt;\/p&gt;&lt;p&gt;&lt;a title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e2d\u56fe\u7247\u7edd\u5bf9\u5b9a\u4f4d(\u80cc\u666f\u56fe\u7247)\u7684\u65b9\u6cd5\" href=\"http:\/\/www.php.cn\/xiaochengxu-405024.html\" target=\"_blank\"&gt;\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e2d\u56fe\u7247\u7edd\u5bf9\u5b9a\u4f4d(\u80cc\u666f\u56fe\u7247)\u7684\u65b9\u6cd5&lt;\/a&gt;&lt;br&gt;&lt;\/p&gt;&lt;p&gt;&lt;a title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u901a\u8fc7\u4fdd\u5b58\u56fe\u7247\u5206\u4eab\u5230\u670b\u53cb\u5708\u7684\u529f\u80fd\u5b9e\u73b0\" href=\"http:\/\/www.php.cn\/xiaochengxu-405017.html\" target=\"_blank\"&gt;\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u901a\u8fc7\u4fdd\u5b58\u56fe\u7247\u5206\u4eab\u5230\u670b\u53cb\u5708\u7684\u529f\u80fd\u5b9e\u73b0&lt;\/a&gt;&lt;br&gt;&lt;\/p&gt;&lt;p&gt;&lt;a title=\"nodejs\u5f00\u53d1\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5b9e\u73b0\u5bc6\u7801\u7684\u52a0\u5bc6\" href=\"http:\/\/www.php.cn\/xiaochengxu-404806.html\" target=\"_blank\"&gt;nodejs\u5f00\u53d1\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5b9e\u73b0\u5bc6\u7801\u7684\u52a0\u5bc6&lt;\/a&gt;&lt;br&gt;&lt;\/p&gt;&lt;p class=\"art_xg\"&gt;&lt;\/p&gt;&lt;p&gt;&lt;\/p&gt;&lt;p class=\"clearfix\"&gt;&lt;span class=\"jbTestPos\"&gt;&lt;\/span&gt;&lt;\/p&gt;<\/pre>\n<p>  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n<p>\u4ee5\u4e0a\u5c31\u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u56fe\u7247\u62d6\u62fd\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u8fd9\u7bc7\u6587\u7ae0\u4e3b\u8981\u4ecb\u7ecd\u4e86\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u56fe\u7247\u62d6\u62fd\u5b9e\u4f8b\u8be6\u89e3\u7684\u76f8\u5173\u8d44\u6599,\u9700\u8981\u7684\u670b\u53cb\u53ef\u4ee5\u53c2\u8003\u4e0b \u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u56fe\u7247\u62d6\u62fd\u5b9e\u4f8b\u8be6\u89e3 1.\u7f16\u5199\u9875\u9762\u7ed3\u6784:moveimg.wxml &lt;view&gt;&nbsp; &nbsp;&nbsp;&lt;view&gt;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&lt;image&gt;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&lt;\/image&gt;&nbsp; &nbsp;&nbsp;&lt;\/view&gt;&nbsp; &lt;\/view&gt; \u767b\u5f55\u540e\u590d\u5236 2.\u7f16\u5199\u9875\u9762\u6837\u5f0f\uff1amoveimg.wxss .container&nbsp;{&nbsp; &nbsp;&nbsp;box-sizing:border-box;&nbsp; &nbsp;&nbsp;padding:1rem;&nbsp; }&nbsp; .cnt{&nbsp; &nbsp;&nbsp;width:100%;&nbsp; &nbsp;&nbsp;height:15rem;&nbsp; &nbsp;&nbsp;border:&nbsp;1px&nbsp;solid&nbsp;#ccc;&nbsp; &nbsp;&nbsp;position:relative;&nbsp; &nbsp;&nbsp;overflow:&nbsp;hidden;&nbsp; }&nbsp; .image-style{&nbsp;&nbsp; &nbsp;&nbsp;position:&nbsp;absolute;&nbsp;&nbsp; &nbsp;&nbsp;top:&nbsp;0px;&nbsp;&nbsp; &nbsp;&nbsp;left:0px;&nbsp;&nbsp; &nbsp;&nbsp;height:100%;&nbsp;&nbsp; } \u767b\u5f55\u540e\u590d\u5236 3.\u8bbe\u7f6e\u6570\u636e:moveimg.js var&nbsp;app&nbsp;=&nbsp;getApp()&nbsp; Page({&nbsp; &nbsp;&nbsp;data:&nbsp;{&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;ballleft:-20,&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;screenWidth:&nbsp;0,&nbsp; &nbsp;&nbsp;},&nbsp; &nbsp;&nbsp;onLoad:&nbsp;function()&nbsp;{&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;_this&nbsp;=&nbsp;this;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;wx.getSystemInfo({&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;success:&nbsp;function(res)&nbsp;{&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;_this.setData({&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;screenHeight:&nbsp;res.windowHeight,&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;screenWidth:&nbsp;res.windowWidth,&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;});&nbsp; &nbsp; &nbsp;&nbsp;},&nbsp; &nbsp;&nbsp;ballMoveEvent:&nbsp;function(e)&nbsp;{&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;touchs&nbsp;=&nbsp;e.touches[0];&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;pageX&nbsp;=&nbsp;touchs.pageX;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;console.log(&#8216;\u5bbd\u5ea6&nbsp;&#8216;+this.data.screenWidth)&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;console.log(&#8216;pageX:&nbsp;&#8216;&nbsp;+&nbsp;pageX);&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;\/\/\u8fd9\u91cc\u7528right\u548cbottom.\u6240\u4ee5\u9700\u8981\u5c06pageX&nbsp;pageY\u8f6c\u6362&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;x&nbsp;=&nbsp;this.data.screenWidth\/2&nbsp;&#8211;&nbsp;pageX-20;&nbsp; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-31944","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/31944","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=31944"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/31944\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=31944"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=31944"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=31944"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}