{"id":32455,"date":"2024-11-25T14:10:06","date_gmt":"2024-11-25T06:10:06","guid":{"rendered":"https:\/\/fwq.ai\/blog\/32455\/"},"modified":"2024-11-25T14:10:06","modified_gmt":"2024-11-25T06:10:06","slug":"%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f%e5%bc%80%e5%8f%91%e5%b8%b8%e7%94%a8%e7%9a%84%e6%96%b9%e6%b3%95%e6%80%bb%e7%bb%93%ef%bc%88%e4%bb%a3%e7%a0%81%ef%bc%89","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/32455\/","title":{"rendered":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u5e38\u7528\u7684\u65b9\u6cd5\u603b\u7ed3\uff08\u4ee3\u7801\uff09"},"content":{"rendered":"

\u672c\u7bc7\u6587\u7ae0\u7ed9\u5927\u5bb6\u5e26\u6765\u7684\u5185\u5bb9\u662f\u5173\u4e8e\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u5e38\u7528\u7684\u65b9\u6cd5\u603b\u7ed3\uff08\u4ee3\u7801\uff09\uff0c\u6709\u4e00\u5b9a\u7684\u53c2\u8003\u4ef7\u503c\uff0c\u6709\u9700\u8981\u7684\u670b\u53cb\u53ef\u4ee5\u53c2\u8003\u4e00\u4e0b\uff0c\u5e0c\u671b\u5bf9\u4f60\u6709\u6240\u5e2e\u52a9\u3002<\/p>\n

1\uff1awx:for=\u201d{{}}\u201d\u904d\u5386\u65f6\uff0c\u8981\u52a0wx:key=””\u5426\u5219\u4f1a\u6709\u8b66\u544a\u63d0\u793avm120:3  now you can provide attr \u201cwx:key\u201d for a \u201cwx:for\u201d to improve performance.\uff0c\u4f46\u9875\u9762\u4e0d\u4f1a\u62a5\u9519<\/strong><\/p>\n

2\uff1a\u4e8b\u4ef6\u65b9\u6cd5\u4f20\u53c2\u7684\u5199\u6cd5\uff1abindtap=\u201dtoDetail\u201d data-data=\u201d{{item.url}}\u201d<\/h2>\n

js:<\/p>\n

toDetail:function(e){\n  let url = e.currentTarget.dataset.data;\n   wx.navigateTo({\n      url: '..\/bookdetail\/detail'\n  });\n }<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
3.swiper\u81ea\u5b9a\u4e49\u5706\u70b9\u6837\u5f0f<\/h2>\n
<view>\n        <swiper>\n          <block>\n            <swiper-item>\n              <image><\/image>\n            <\/swiper-item>\n          <\/block>\n        <\/swiper>\n\n         <!--\u91cd\u7f6e\u5c0f\u5706\u70b9\u7684\u6837\u5f0f -->\n         <view> \n          <block> \n           <view><\/view> \n          <\/block> \n         <\/view>\n      <\/view><\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
js:data: {\n   \/\/ tab\u5207\u6362 \n    currentSwiper: 0\n    },swiperChange: function (e) {\n this.setData({\n  currentSwiper: e.detail.current\n })\n},<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
wxss:\/*\u7528\u6765\u5305\u88f9\u6240\u6709\u7684\u5c0f\u5706\u70b9 *\/\n.dots { \ndisplay: flex; \njustify-content:center; \nflex-direction: row; \nmargin:22rpx auto;\n}\n\/*\u672a\u9009\u4e2d\u65f6\u7684\u5c0f\u5706\u70b9\u6837\u5f0f *\/\n.dot { \nwidth: 10rpx; \nheight: 10rpx; \nborder-radius: 50%;\n margin-right: 18rpx; \n background-color: #969FA9; \n opacity: 0.5;\n }\n\/*\u9009\u4e2d\u4ee5\u540e\u7684\u5c0f\u5706\u70b9\u6837\u5f0f *\/\n.active { \nwidth: 20rpx; \nheight: 10rpx; \nborder-radius:20rpx;background-image: linear-gradient(-90deg, rgba(150,159,169,0.50) 24%, #F5F7FA 100%);\nborder-radius: 100px;\n}<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
4.\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u83b7\u53d6\u5f53\u524d\u9875\u9762\u7684url<\/h2>\n
\u4f7f\u7528getCurrentPages\u53ef\u4ee5\u83b7\u53d6\u5f53\u524d\u52a0\u8f7d\u4e2d\u6240\u6709\u7684\u9875\u9762\u5bf9\u8c61\u7684\u4e00\u4e2a\u6570\u7ec4\uff0c\u6570\u7ec4\u6700\u540e\u4e00\u4e2a\u5c31\u662f\u5f53\u524d\u9875\u9762<\/p>\n
var pages = getCurrentPages()    \/\/\u83b7\u53d6\u52a0\u8f7d\u7684\u9875\u9762\nvar currentPage = pages[pages.length-1]    \/\/\u83b7\u53d6\u5f53\u524d\u9875\u9762\u7684\u5bf9\u8c61\nvar url = currentPage.route    \/\/\u5f53\u524d\u9875\u9762url\nvar options = currentPage.options    \/\/\u5982\u679c\u8981\u83b7\u53d6url\u4e2d\u6240\u5e26\u7684\u53c2\u6570\u53ef\u4ee5\u67e5\u770boptions<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u53ef\u4ee5\u5199\u6210\u5de5\u5177\u51fd\u6570\u653e\u5230utils\u4e2d\uff1a <\/p>\n
\/\u83b7\u53d6\u5f53\u524d\u9875url\/ function getCurrentPageUrl(){ \n    var pages = getCurrentPages()    \/\/\u83b7\u53d6\u52a0\u8f7d\u7684\u9875\u9762 \n    var currentPage = pages[pages.length-1]    \/\/\u83b7\u53d6\u5f53\u524d\u9875\u9762\u7684\u5bf9\u8c61 \n    var url = currentPage.route    \/\/\u5f53\u524d\u9875\u9762url \n    return url }\n\/\u83b7\u53d6\u5f53\u524d\u9875\u5e26\u53c2\u6570\u7684url\/ function getCurrentPageUrlWithArgs(){ \n    var pages = getCurrentPages()    \/\/\u83b7\u53d6\u52a0\u8f7d\u7684\u9875\u9762 \n    var currentPage = pages[pages.length-1]    \/\/\u83b7\u53d6\u5f53\u524d\u9875\u9762\u7684\u5bf9\u8c61 \n    var url = currentPage.route    \/\/\u5f53\u524d\u9875\u9762url \n    var options = currentPage.options    \/\/\u5982\u679c\u8981\u83b7\u53d6url\u4e2d\u6240\u5e26\u7684\u53c2\u6570\u53ef\u4ee5\u67e5\u770boptions<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\/\/\u62fc\u63a5url\u7684\u53c2\u6570\nvar urlWithArgs = url + '?'\nfor(var key in options){\n    var value = options[key]\n    urlWithArgs += key + '=' + value + '&'\n}\nurlWithArgs = urlWithArgs.substring(0, urlWithArgs.length-1)\n\nreturn urlWithArgs<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
}\nmodule.exports = { \n    getCurrentPageUrl: getCurrentPageUrl, \n    getCurrentPageUrlWithArgs: getCurrentPageUrlWithArgs }<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
5.A\u9875\u9762\u8df3\u8f6c\u5230B\u9875\u9762 \u6807\u9898\u66f4\u65b0<\/h2>\n
\u5168\u5c40\u7684app.js \u4e2d\u8bbe\u7f6e\u53c2\u6570\u5b58\u653e\u6807\u9898 <\/p>\n
globalData: { \n    userInfo: null, \n    bookTitle:\u201d\u201d \n  } A\u9875\u9762\u8df3\u8f6c\u65b9\u6cd5\u4e2d\u8bbe\u7f6e\u5168\u5c40\u7684\u6807\u9898\u53c2\u6570 app.globalData.bookTitle =\u201d\u6807\u9898\u201d\nB\u9875\u9762 onLoad:function(){ \n     wx.setNavigationBarTitle({ \n      title: app.globalData.bookTitle \n    }) \n  }<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
6 scroll\u7ec4\u4ef6<\/h2>\n
\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u5e38\u7528\u7684\u65b9\u6cd5\u603b\u7ed3\uff08\u4ee3\u7801\uff09\u63d2\u56fe\"<\/p>\n
<scroll-view><\/scroll-view><\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
scroll\u7ec4\u4ef6\u7ed1\u5b9a\u4e86 bindscroll=\u201dscroll\u201d\u65b9\u6cd5\uff0c\u6ca1\u5b9a\u4e49\u8fd9\u4e2a\u65b9\u6cd5\u65f6 \uff0c\u4f1a\u51fa\u73b0\u8fd9\u6837\u7684\u9519\u8bef\u63d0\u793a\uff0c\u4f46\u4e0d\u5f71\u54cd\u6548\u679c\uff0c\u6eda\u52a8\u6b63\u5e38\uff0c\u53bb\u6389\u5373\u53ef<\/p>\n
7.\u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u2014\u2014 button\u6309\u94ae\u53bb\u9664border\u8fb9\u6846<\/h2>\n
\u5728\u5f00\u53d1\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7ec4\u4ef6\u6846\u67b6\u65f6\uff0c\u6211\u9047\u5230\u4e86\u4e00\u4e2a\u95ee\u9898\uff0c\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e2d\u7684button\u7ec4\u4ef6\u6709\u7279\u5b9a\u7684css\uff0c\u80cc\u666f\u53ef\u4ee5\u7528\u201cbackground\uff1anone\u201d\u53bb\u6389\uff0c\u4f46\u662f\u8fb9\u6846\u518d\u7528\u201cborder : none\u201d\u53bb\u6389\u5c31\u4e0d\u53ef\u4ee5\u4e86\uff0c\u8fd9\u4e5f\u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e0eh5\u7684\u4e0d\u540c\u4e4b\u5904\u3002 
\u4f46\u662f\u5728\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e2d\u4f7f\u7528:after\u9009\u62e9\u5668\u5c31\u53ef\u4ee5\u5b9e\u73b0\u8fd9\u4e00\u529f\u80fd\u3002<\/p>\n
\u4f7f\u7528 button::after{ border: none; } \u6765\u53bb\u9664\u8fb9\u6846<\/p>\n
\u76f8\u5173\u63a8\u8350\uff1a<\/p>\n<\/p>\n
<\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u5e38\u7528\u7684\u65b9\u6cd5\u603b\u7ed3\uff08\u4ee3\u7801\uff09\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\u7bc7\u6587\u7ae0\u7ed9\u5927\u5bb6\u5e26\u6765\u7684\u5185\u5bb9\u662f\u5173\u4e8e\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u5e38\u7528\u7684\u65b9\u6cd5\u603b\u7ed3\uff08\u4ee3\u7801\uff09\uff0c\u6709\u4e00\u5b9a\u7684\u53c2\u8003\u4ef7\u503c\uff0c\u6709\u9700\u8981\u7684\u670b\u53cb\u53ef\u4ee5\u53c2\u8003\u4e00\u4e0b\uff0c\u5e0c\u671b\u5bf9\u4f60\u6709\u6240\u5e2e\u52a9\u3002 1\uff1awx:for=\u201d{{}}\u201d\u904d\u5386\u65f6\uff0c\u8981\u52a0wx:key=””\u5426\u5219\u4f1a\u6709\u8b66\u544a\u63d0\u793avm120:3  now you can provide attr \u201cwx:key\u201d for a \u201cwx:for\u201d to improve performance.\uff0c\u4f46\u9875\u9762\u4e0d\u4f1a\u62a5\u9519 2\uff1a\u4e8b\u4ef6\u65b9\u6cd5\u4f20\u53c2\u7684\u5199\u6cd5\uff1abindtap=\u201dtoDetail\u201d data-data=\u201d{{item.url}}\u201d js: toDetail:function(e){   let url = e.currentTarget.dataset.data;    wx.navigateTo({       url: ‘..\/bookdetail\/detail’   });  } \u767b\u5f55\u540e\u590d\u5236 3.swiper\u81ea\u5b9a\u4e49\u5706\u70b9\u6837\u5f0f <view>         <swiper>           <block>             <swiper-item>               <image><\/image>             <\/swiper-item>           <\/block>         <\/swiper>          <!–\u91cd\u7f6e\u5c0f\u5706\u70b9\u7684\u6837\u5f0f –>          <view>            <block>             <view><\/view>            <\/block>           <\/view>       <\/view> \u767b\u5f55\u540e\u590d\u5236 js:data: {    \/\/ tab\u5207\u6362      currentSwiper: 0     },swiperChange: function (e) {  this.setData({   currentSwiper: e.detail.current  }) }, \u767b\u5f55\u540e\u590d\u5236 wxss:\/*\u7528\u6765\u5305\u88f9\u6240\u6709\u7684\u5c0f\u5706\u70b9 *\/ .dots {  display: flex;  justify-content:center;  […]<\/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-32455","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/32455","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=32455"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/32455\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=32455"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=32455"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=32455"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}