{"id":29171,"date":"2024-11-25T14:08:24","date_gmt":"2024-11-25T06:08:24","guid":{"rendered":"https:\/\/fwq.ai\/blog\/29171\/"},"modified":"2024-11-25T14:08:24","modified_gmt":"2024-11-25T06:08:24","slug":"%e8%a7%a3%e8%af%bb%e5%92%8c%e5%88%86%e6%9e%90%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f%e7%bb%84%e4%bb%b6%ef%bc%9a%e4%b8%89%e3%80%81swiper%e6%bb%91%e5%9d%97%e8%a7%86%e5%9b%be","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/29171\/","title":{"rendered":"\u89e3\u8bfb\u548c\u5206\u6790\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7ec4\u4ef6\uff1a\u4e09\u3001swiper\u6ed1\u5757\u89c6\u56fe"},"content":{"rendered":"<p><span style=\"line-height: 1.76em;font-size: 13px\"><strong>swiper\u6ed1\u5757<\/strong><\/span><span style=\"line-height: 1.76em\"><span style=\"font-size:13px\"><strong>\u7ec4\u4ef6\u8bf4\u660e:<\/strong><\/span><\/span><\/p>\n<p><span style=\"color:#323333\"><span style=\"font-family:\"><span style=\"font-size:13px\"><span style=\"font-family:Helvetica\"><\/span><\/span><\/span><\/span><\/p>\n<ul>\n<li>\n<p>\u6ed1\u5757\u89c6\u56fe\u5bb9\u5668\uff0c\u7528\u4e8e\u5c55\u793a\u56fe\u7247\uff0c\u53ef\u4ee5\u901a\u8fc7\u7528\u6237\u62d6\u62fd\u548c\u8bbe\u7f6e\u81ea\u52a8\u5207\u6362\u5c5e\u6027\u63a7\u5236\u56fe\u7247\u7684\u5207\u6362<\/p>\n<\/li>\n<\/ul>\n<p style=\"text-align:left\">\u4e0b\u9762\u662fWXML\u4ee3\u7801\uff1a<\/p>\n<p style=\"font-size:12px\">[XML] <em>\u7eaf\u6587\u672c\u67e5\u770b<\/em> <em>\u590d\u5236\u4ee3\u7801<\/em><\/p>\n<pre>[\/align]\r\n&lt;swiper&gt;\r\n&nbsp;&nbsp;&lt;block&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;swiper-item&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;image&gt;&lt;\/image&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/swiper-item&gt;\r\n&nbsp;&nbsp;&lt;\/block&gt;&lt;\/swiper&gt;&lt;button&gt;&nbsp;indicator-dots&nbsp;&lt;\/button&gt;\r\n&lt;button&gt;&nbsp;autoplay&nbsp;&lt;\/button&gt;\r\n&lt;slider&gt;&lt;\/slider&gt;&nbsp;interval\r\n&lt;slider&gt;&lt;\/slider&gt;&nbsp;duration<\/pre>\n<p>  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n<p style=\"text-align:left\"><span style=\"color:#333333\"><span style=\"font-size:13px\">\u4e0b\u9762\u662fJS\u4ee3\u7801\uff1a<\/span><\/span><\/p>\n<p style=\"font-size:12px\">[JavaScript] <em>\u7eaf\u6587\u672c\u67e5\u770b<\/em> <em>\u590d\u5236\u4ee3\u7801<\/em><\/p>\n<pre>page({\r\n&nbsp;&nbsp;data:&nbsp;{\r\n&nbsp;&nbsp;&nbsp;&nbsp;imgUrls:&nbsp;[\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'http:\/\/img02.tooopen.com\/images\/20150928\/tooopen_sy_143912755726.jpg',\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'http:\/\/img06.tooopen.com\/images\/20160818\/tooopen_sy_175866434296.jpg',\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'http:\/\/img06.tooopen.com\/images\/20160818\/tooopen_sy_175833047715.jpg'\r\n&nbsp;&nbsp;&nbsp;&nbsp;],\r\n&nbsp;&nbsp;&nbsp;&nbsp;indicatorDots:&nbsp;false,\r\n&nbsp;&nbsp;&nbsp;&nbsp;autoplay:&nbsp;false,\r\n&nbsp;&nbsp;&nbsp;&nbsp;interval:&nbsp;5000,\r\n&nbsp;&nbsp;&nbsp;&nbsp;duration:&nbsp;1000\r\n&nbsp;&nbsp;},\r\n&nbsp;&nbsp;changeIndicatorDots:&nbsp;function(e)&nbsp;{\r\n&nbsp;&nbsp;&nbsp;&nbsp;this.setData({\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;indicatorDots:&nbsp;!this.data.indicatorDots\r\n&nbsp;&nbsp;&nbsp;&nbsp;})\r\n&nbsp;&nbsp;},\r\n&nbsp;&nbsp;changeAutoplay:&nbsp;function(e)&nbsp;{\r\n&nbsp;&nbsp;&nbsp;&nbsp;this.setData({\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;autoplay:&nbsp;!this.data.autoplay\r\n&nbsp;&nbsp;&nbsp;&nbsp;})\r\n&nbsp;&nbsp;},\r\n&nbsp;&nbsp;intervalChange:&nbsp;function(e)&nbsp;{\r\n&nbsp;&nbsp;&nbsp;&nbsp;this.setData({\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;interval:&nbsp;e.detail.value\r\n&nbsp;&nbsp;&nbsp;&nbsp;})\r\n&nbsp;&nbsp;},\r\n&nbsp;&nbsp;durationChange:&nbsp;function(e)&nbsp;{\r\n&nbsp;&nbsp;&nbsp;&nbsp;this.setData({\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;duration:&nbsp;e.detail.value\r\n&nbsp;&nbsp;&nbsp;&nbsp;})\r\n&nbsp;&nbsp;}\r\n})<\/pre>\n<p>  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n<p style=\"font-size:12px\">[CSS] <em>\u7eaf\u6587\u672c\u67e5\u770b<\/em> <em>\u590d\u5236\u4ee3\u7801<\/em><\/p>\n<pre>.swiper-item{\r\n&nbsp;&nbsp;&nbsp;&nbsp;display:&nbsp;block;\r\n&nbsp;&nbsp;&nbsp;&nbsp;height:&nbsp;150px;\r\n}<\/pre>\n<p>  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n<p style=\"text-align:left\"><span style=\"color:#333333\"><span style=\"font-family:\"><span style=\"font-size:13px\"><strong>\u4e3b\u8981\u5c5e\u6027\uff1a<\/strong><\/span><\/span><\/span><\/p>\n<ul>\n<li>\n<p>\u8bbe\u7f6e\u754c\u9762\u7684\u5185\u5bb9\u6837\u5f0f\uff0c\u7528\u4e8ewxml<\/p>\n<\/li>\n<\/ul>\n<table style=\"width:98%\">\n<tbody>\n<tr>\n<td>\n<p style=\"text-align:left\">\u5c5e\u6027<\/p>\n<\/td>\n<td>\n<p style=\"text-align:left\">\u7c7b\u578b<\/p>\n<\/td>\n<td>\n<p style=\"text-align:left\">\u9ed8\u8ba4\u503c<\/p>\n<\/td>\n<td>\n<p style=\"text-align:left\">\u63cf\u8ff0<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p style=\"text-align:left\">indicator-dots<\/p>\n<\/td>\n<td>\n<p style=\"text-align:left\">Boolean<\/p>\n<\/td>\n<td>\n<p style=\"text-align:left\">false<\/p>\n<\/td>\n<td>\n<p style=\"text-align:left\">\u662f\u5426\u663e\u793a\u9762\u677f\u6307\u793a\u70b9<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p style=\"text-align:left\">autoplay<\/p>\n<\/td>\n<td>\n<p style=\"text-align:left\">Boolean<\/p>\n<\/td>\n<td>\n<p style=\"text-align:left\">false<\/p>\n<\/td>\n<td>\n<p style=\"text-align:left\">\u662f\u5426\u81ea\u52a8\u5207\u6362<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p style=\"text-align:left\">current<\/p>\n<\/td>\n<td>\n<p style=\"text-align:left\">Number<\/p>\n<\/td>\n<td>\n<p style=\"text-align:left\">0<\/p>\n<\/td>\n<td>\n<p style=\"text-align:left\">\u5f53\u524d\u6240\u5728\u9875\u9762\u7684 index<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p style=\"text-align:left\">interval<\/p>\n<\/td>\n<td>\n<p style=\"text-align:left\">Number<\/p>\n<\/td>\n<td>\n<p style=\"text-align:left\">5000<\/p>\n<\/td>\n<td>\n<p style=\"text-align:left\">\u81ea\u52a8\u5207\u6362\u65f6\u95f4\u95f4\u9694<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p style=\"text-align:left\">duration<\/p>\n<\/td>\n<td>\n<p style=\"text-align:left\">Number<\/p>\n<\/td>\n<td>\n<p style=\"text-align:left\">1000<\/p>\n<\/td>\n<td>\n<p style=\"text-align:left\">\u6ed1\u52a8\u52a8\u753b\u65f6\u957f<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p style=\"text-align:left\">bindchange<\/p>\n<\/td>\n<td>\n<p style=\"text-align:left\">EventHandle<\/p>\n<\/td>\n<td><\/td>\n<td>\n<p style=\"text-align:left\">current \u6539\u53d8\u65f6\u4f1a\u89e6\u53d1 change \u4e8b\u4ef6\uff0cevent.detail = {current: current}<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u4ee5\u4e0a\u5c31\u662f\u89e3\u8bfb\u548c\u5206\u6790\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7ec4\u4ef6\uff1a\u4e09\u3001swiper\u6ed1\u5757\u89c6\u56fe\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>swiper\u6ed1\u5757\u7ec4\u4ef6\u8bf4\u660e: \u6ed1\u5757\u89c6\u56fe\u5bb9\u5668\uff0c\u7528\u4e8e\u5c55\u793a\u56fe\u7247\uff0c\u53ef\u4ee5\u901a\u8fc7\u7528\u6237\u62d6\u62fd\u548c\u8bbe\u7f6e\u81ea\u52a8\u5207\u6362\u5c5e\u6027\u63a7\u5236\u56fe\u7247\u7684\u5207\u6362 \u4e0b\u9762\u662fWXML\u4ee3\u7801\uff1a [XML] \u7eaf\u6587\u672c\u67e5\u770b \u590d\u5236\u4ee3\u7801 [\/align] &lt;swiper&gt; &nbsp;&nbsp;&lt;block&gt; &nbsp;&nbsp;&nbsp;&nbsp;&lt;swiper-item&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;image&gt;&lt;\/image&gt; &nbsp;&nbsp;&nbsp;&nbsp;&lt;\/swiper-item&gt; &nbsp;&nbsp;&lt;\/block&gt;&lt;\/swiper&gt;&lt;button&gt;&nbsp;indicator-dots&nbsp;&lt;\/button&gt; &lt;button&gt;&nbsp;autoplay&nbsp;&lt;\/button&gt; &lt;slider&gt;&lt;\/slider&gt;&nbsp;interval &lt;slider&gt;&lt;\/slider&gt;&nbsp;duration \u767b\u5f55\u540e\u590d\u5236 \u4e0b\u9762\u662fJS\u4ee3\u7801\uff1a [JavaScript] \u7eaf\u6587\u672c\u67e5\u770b \u590d\u5236\u4ee3\u7801 page({ &nbsp;&nbsp;data:&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;imgUrls:&nbsp;[ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#8216;http:\/\/img02.tooopen.com\/images\/20150928\/tooopen_sy_143912755726.jpg&#8217;, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#8216;http:\/\/img06.tooopen.com\/images\/20160818\/tooopen_sy_175866434296.jpg&#8217;, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#8216;http:\/\/img06.tooopen.com\/images\/20160818\/tooopen_sy_175833047715.jpg&#8217; &nbsp;&nbsp;&nbsp;&nbsp;], &nbsp;&nbsp;&nbsp;&nbsp;indicatorDots:&nbsp;false, &nbsp;&nbsp;&nbsp;&nbsp;autoplay:&nbsp;false, &nbsp;&nbsp;&nbsp;&nbsp;interval:&nbsp;5000, &nbsp;&nbsp;&nbsp;&nbsp;duration:&nbsp;1000 &nbsp;&nbsp;}, &nbsp;&nbsp;changeIndicatorDots:&nbsp;function(e)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;this.setData({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;indicatorDots:&nbsp;!this.data.indicatorDots &nbsp;&nbsp;&nbsp;&nbsp;}) &nbsp;&nbsp;}, &nbsp;&nbsp;changeAutoplay:&nbsp;function(e)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;this.setData({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;autoplay:&nbsp;!this.data.autoplay &nbsp;&nbsp;&nbsp;&nbsp;}) &nbsp;&nbsp;}, &nbsp;&nbsp;intervalChange:&nbsp;function(e)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;this.setData({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;interval:&nbsp;e.detail.value &nbsp;&nbsp;&nbsp;&nbsp;}) &nbsp;&nbsp;}, &nbsp;&nbsp;durationChange:&nbsp;function(e)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;this.setData({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;duration:&nbsp;e.detail.value &nbsp;&nbsp;&nbsp;&nbsp;}) &nbsp;&nbsp;} }) \u767b\u5f55\u540e\u590d\u5236 [&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-29171","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/29171","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=29171"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/29171\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=29171"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=29171"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=29171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}