{"id":30858,"date":"2024-11-25T08:13:14","date_gmt":"2024-11-25T00:13:14","guid":{"rendered":"https:\/\/fwq.ai\/blog\/30858\/"},"modified":"2024-11-25T08:13:14","modified_gmt":"2024-11-25T00:13:14","slug":"%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f%e5%bc%80%e5%8f%91%e4%b9%8b%e5%88%86%e9%a1%b5%e6%bb%91%e5%8a%a8%e6%a0%8f%e4%bb%a3%e7%a0%81%e5%b1%95%e7%a4%ba","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/30858\/","title":{"rendered":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u5206\u9875\u6ed1\u52a8\u680f\u4ee3\u7801\u5c55\u793a"},"content":{"rendered":"

\u672c\u6587\u5b9e\u4f8b\u4e3a\u5927\u5bb6\u5206\u4eab\u4e86\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5206\u9875\u6ed1\u52a8\u680f\u7684\u5177\u4f53\u4ee3\u7801\uff0c\u4f9b\u5927\u5bb6\u53c2\u8003\uff0c\u5177\u4f53\u5185\u5bb9\u5982\u4e0b<\/p>\n

\u529f\u80fd\uff1a<\/strong><\/p>\n

1.\u5206\u9875\u680f\u4e0e\u6ed1\u52a8\u89c6\u56fe\u7ed1\u5b9a
2.\u70b9\u51fb\u5206\u9875\u680f\u81ea\u52a8\u6ed1\u52a8\u5230\u5bf9\u5e94\u89c6\u56fe
3.\u6ed1\u52a8\u7684\u5230\u89c6\u56fe\u5bf9\u5e94\u5206\u9875\u680f\u81ea\u52a8\u663e\u793a\u9009\u4e2d\u6837\u5f0f <\/p>\n

\u4e0a\u4ee3\u7801 <\/p>\n

wxml<\/p>\n

<view>\r\n <view>\u5206\u9875\u6807\u7b7e1<\/view>\r\n <view>\u5206\u9875\u6807\u7b7e2<\/view>\r\n <view>\u5206\u9875\u6807\u7b7e3<\/view><\/view><swiper>\r\n <block>\r\n <swiper-item>\r\n  <image><\/image>\r\n <\/swiper-item>\r\n <\/block><\/swiper><\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
<\/p>\n
wxss<\/p>\n
\/*\r\n1.\u6a2a\u5411\u6392\u5217\u5206\u9875\u6807\u7b7e\r\n2.\u6bcf\u4e2a\u5206\u9875\u6807\u7b7e\u5404\u53601\/3\r\n*\/\r\n.tapNav {\r\n display: flex;\r\n flex-direction: row;\r\n}\r\n.tapNav view{\r\n flex:1;\r\n width:200rpx;\r\n height:100rpx;\r\n text-align: center;\r\n line-height: 100rpx;\r\n font-family: \"\u5fae\u8f6f\u96c5\u9ed1\";\r\n}\r\n\/*\u9009\u4e2d\u6837\u5f0f*\/\r\n.tapNav .active {\r\n color:blue;\r\n border-bottom:4rpx solid mediumseagreen;\r\n}\r\n#swiper {\r\n margin-top:40rpx;\r\n}\r\n#swiper image{\r\n width:100%;\r\n}<\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
js<\/p>\n
\/\/index.js\r\n\/\/\u83b7\u53d6\u5e94\u7528\u5b9e\u4f8b\r\nvar app = getApp()\r\nPage({\r\n data: {\r\n \/\/ \u56fe\u7247\u5730\u5740\r\n imgUrls: [\r\n  'http:\/\/img02.tooopen.com\/images\/20150928\/tooopen_sy_143912755726.jpg',\r\n  'http:\/\/img06.tooopen.com\/images\/20160818\/tooopen_sy_175866434296.jpg',\r\n  'http:\/\/img06.tooopen.com\/images\/20160818\/tooopen_sy_175833047715.jpg'\r\n ],\r\n \/\/\u662f\u5426\u663e\u793a\u9762\u677f\u6307\u793a\u70b9\r\n indicatorDots: true,\r\n \/\/\u81ea\u52a8\u64ad\u653e\r\n autoplay: true,\r\n \/\/\u5207\u6362\u65f6\u95f4\u95f4\u9694\r\n interval: 2000,\r\n \/\/\u6ed1\u52a8\u65f6\u957f\r\n duration: 1000,\r\n \/\/\u5b58\u653e\u6ed1\u52a8\u89c6\u56fe\u7684current\r\n current:0,\r\n \/\/\u5206\u9875\u6807\u7b7eclass\u6761\u4ef6\u5224\u65ad\u7684\u503c\r\n tabArr:{\r\n  tabCurrentIndex:0\r\n }\r\n },\r\n \/\/\u4e8b\u4ef6\u5904\u7406\u51fd\u6570\r\n \/\/\u89e6\u6478\u5206\u9875\u6807\u7b7e\u89e6\u53d1\u4e8b\u4ef6\r\n veHandle:function(e){\r\n \/\/\u6bcf\u4e2a\u5206\u9875\u6807\u7b7e\u90fd\u8bbe\u7f6e\u4e86data-index,\u89e6\u6478\u89e6\u53d1\u4e8b\u4ef6\u83b7\u53d6\u6b64\u6570\u503c\r\n \/\/\u7528\u6b64\u6570\u503c\u66ff\u6362\u6ed1\u52a8\u89c6\u56fe\u7684current\r\n \/\/\u7528\u6b64\u6570\u503c\u66ff\u6362\u5206\u9875\u6807\u7b7eclass\u5224\u65ad\u7684\u503c\r\n console.log(e.target.dataset.index)\r\n var currentIndex = e.target.dataset.index\r\n this.setData({\r\n  current:currentIndex,\r\n  \"tabArr.tabCurrentIndex\":currentIndex\r\n })\r\n },\r\n \/\/\u901a\u8fc7\u6ed1\u5757\u89c6\u56fe\u7684current\u6539\u53d8\u89e6\u53d1\u4e8b\u4ef6\r\n swiperChange:function(e){\r\n \/\/\u83b7\u53d6\u89c6\u56fe\u6ed1\u5757\u5f53\u524d\u7684current\r\n \/\/\u7528\u6b64\u6570\u503c\u66ff\u6362\u5206\u9875\u6807\u7b7e\u7684current\u7684\u503c\r\n console.log(e.detail.current)\r\n var swiperCurrent = e.detail.current;\r\n this.setData({\r\n  'tabArr.tabCurrentIndex':swiperCurrent\r\n })\r\n },\r\n onLoad: function () {\r\n console.log('onLoad')\r\n }\r\n})<\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u5206\u9875\u6ed1\u52a8\u680f\u4ee3\u7801\u5c55\u793a\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":"
\u672c\u6587\u5b9e\u4f8b\u4e3a\u5927\u5bb6\u5206\u4eab\u4e86\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5206\u9875\u6ed1\u52a8\u680f\u7684\u5177\u4f53\u4ee3\u7801\uff0c\u4f9b\u5927\u5bb6\u53c2\u8003\uff0c\u5177\u4f53\u5185\u5bb9\u5982\u4e0b \u529f\u80fd\uff1a 1.\u5206\u9875\u680f\u4e0e\u6ed1\u52a8\u89c6\u56fe\u7ed1\u5b9a 2.\u70b9\u51fb\u5206\u9875\u680f\u81ea\u52a8\u6ed1\u52a8\u5230\u5bf9\u5e94\u89c6\u56fe 3.\u6ed1\u52a8\u7684\u5230\u89c6\u56fe\u5bf9\u5e94\u5206\u9875\u680f\u81ea\u52a8\u663e\u793a\u9009\u4e2d\u6837\u5f0f \u4e0a\u4ee3\u7801 wxml <view>  <view>\u5206\u9875\u6807\u7b7e1<\/view>  <view>\u5206\u9875\u6807\u7b7e2<\/view>  <view>\u5206\u9875\u6807\u7b7e3<\/view><\/view><swiper>  <block>  <swiper-item>   <image><\/image>  <\/swiper-item>  <\/block><\/swiper> \u767b\u5f55\u540e\u590d\u5236 wxss \/* 1.\u6a2a\u5411\u6392\u5217\u5206\u9875\u6807\u7b7e 2.\u6bcf\u4e2a\u5206\u9875\u6807\u7b7e\u5404\u53601\/3 *\/ .tapNav {  display: flex;  flex-direction: row; } .tapNav view{  flex:1;  width:200rpx;  height:100rpx;  text-align: center;  line-height: 100rpx;  font-family: “\u5fae\u8f6f\u96c5\u9ed1”; } \/*\u9009\u4e2d\u6837\u5f0f*\/ .tapNav .active {  color:blue;  border-bottom:4rpx solid mediumseagreen; } #swiper {  margin-top:40rpx; } #swiper image{  width:100%; } \u767b\u5f55\u540e\u590d\u5236 js \/\/index.js \/\/\u83b7\u53d6\u5e94\u7528\u5b9e\u4f8b var app = getApp() Page({  data: {  \/\/ \u56fe\u7247\u5730\u5740  imgUrls: [   ‘http:\/\/img02.tooopen.com\/images\/20150928\/tooopen_sy_143912755726.jpg’, […]<\/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-30858","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/30858","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=30858"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/30858\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=30858"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=30858"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=30858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}