{"id":30905,"date":"2024-11-25T17:20:52","date_gmt":"2024-11-25T09:20:52","guid":{"rendered":"https:\/\/fwq.ai\/blog\/30905\/"},"modified":"2024-11-25T17:20:52","modified_gmt":"2024-11-25T09:20:52","slug":"%e5%b0%8f%e7%a8%8b%e5%ba%8f%e4%b8%ad%e9%a1%b6%e9%83%a8%e5%af%bc%e8%88%aa%e6%a0%8f%e7%a4%ba%e4%be%8b%e4%bb%a3%e7%a0%81","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/30905\/","title":{"rendered":"\u5c0f\u7a0b\u5e8f\u4e2d\u9876\u90e8\u5bfc\u822a\u680f\u793a\u4f8b\u4ee3\u7801"},"content":{"rendered":"<p><strong>\u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u5f00\u53d1\u4e4b\u9876\u90e8\u5bfc\u822a\u680f<\/strong><\/p>\n<p>\u9700\u6c42\uff1a\u9876\u90e8\u5bfc\u822a\u680f<\/p>\n<p><strong>wxml\uff1a<br \/><\/strong><\/p>\n<pre>&lt;!--\u5bfc\u822a\u6761--&gt;&nbsp;\r\n&lt;view&gt;&nbsp;\r\n&nbsp;&lt;text&gt;pw_item&lt;\/text&gt;&nbsp;\r\n&lt;\/view&gt;&nbsp;\r\n&nbsp;\r\n&lt;!--\u9996\u9875--&gt;&nbsp;\r\n&lt;view&gt;&nbsp;\r\n&nbsp;tab_01&nbsp;\r\n&lt;\/view&gt;&nbsp;\r\n&nbsp;\r\n&lt;!--\u641c\u7d22--&gt;&nbsp;\r\n&lt;view&gt;&nbsp;\r\n&nbsp;tab_02&nbsp;\r\n&lt;\/view&gt;&nbsp;\r\n&nbsp;\r\n&lt;!--\u6211--&gt;&nbsp;\r\n&lt;view&gt;&nbsp;\r\n&nbsp;tab_03&nbsp;\r\n&lt;\/view&gt;<\/pre>\n<p>  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n<p><strong>wxss\uff1a<\/p>\n<p><\/strong><\/p>\n<pre>page{&nbsp;\r\n&nbsp;display:&nbsp;flex;&nbsp;\r\n&nbsp;flex-direction:&nbsp;column;&nbsp;\r\n&nbsp;height:&nbsp;100%;&nbsp;\r\n}&nbsp;\r\n.navbar{&nbsp;\r\n&nbsp;flex:&nbsp;none;&nbsp;\r\n&nbsp;display:&nbsp;flex;&nbsp;\r\n&nbsp;background:&nbsp;#fff;&nbsp;\r\n}&nbsp;\r\n.navbar&nbsp;.item{&nbsp;\r\n&nbsp;position:&nbsp;relative;&nbsp;\r\n&nbsp;flex:&nbsp;auto;&nbsp;\r\n&nbsp;text-align:&nbsp;center;&nbsp;\r\n&nbsp;line-height:&nbsp;80rpx;&nbsp;\r\n}&nbsp;\r\n.navbar&nbsp;.item.active{&nbsp;\r\n&nbsp;color:&nbsp;#FFCC00;&nbsp;\r\n}&nbsp;\r\n.navbar&nbsp;.item.active:after{&nbsp;\r\n&nbsp;content:&nbsp;\"\";&nbsp;\r\n&nbsp;display:&nbsp;block;&nbsp;\r\n&nbsp;position:&nbsp;absolute;&nbsp;\r\n&nbsp;bottom:&nbsp;0;&nbsp;\r\n&nbsp;left:&nbsp;0;&nbsp;\r\n&nbsp;right:&nbsp;0;&nbsp;\r\n&nbsp;height:&nbsp;4rpx;&nbsp;\r\n&nbsp;background:&nbsp;#FFCC00;&nbsp;\r\n}<\/pre>\n<p>  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n<p><strong>js\uff1a<\/strong><\/p>\n<pre>var&nbsp;app&nbsp;=&nbsp;getApp()&nbsp;\r\nPage({&nbsp;\r\n&nbsp;data:&nbsp;{&nbsp;\r\n&nbsp;&nbsp;navbar:&nbsp;['\u9996\u9875',&nbsp;'\u641c\u7d22',&nbsp;'\u6211'],&nbsp;\r\n&nbsp;&nbsp;currentTab:&nbsp;0&nbsp;\r\n&nbsp;},&nbsp;\r\n&nbsp;navbarTap:&nbsp;function(e){&nbsp;\r\n&nbsp;&nbsp;this.setData({&nbsp;\r\n&nbsp;&nbsp;&nbsp;currentTab:&nbsp;e.currentTarget.dataset.idx&nbsp;\r\n&nbsp;&nbsp;})&nbsp;\r\n&nbsp;}&nbsp;\r\n})<\/pre>\n<p>  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n<p>\u4ee5\u4e0a\u5c31\u662f\u5c0f\u7a0b\u5e8f\u4e2d\u9876\u90e8\u5bfc\u822a\u680f\u793a\u4f8b\u4ee3\u7801\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>\u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u5f00\u53d1\u4e4b\u9876\u90e8\u5bfc\u822a\u680f \u9700\u6c42\uff1a\u9876\u90e8\u5bfc\u822a\u680f wxml\uff1a &lt;!&#8211;\u5bfc\u822a\u6761&#8211;&gt;&nbsp; &lt;view&gt;&nbsp; &nbsp;&lt;text&gt;pw_item&lt;\/text&gt;&nbsp; &lt;\/view&gt;&nbsp; &nbsp; &lt;!&#8211;\u9996\u9875&#8211;&gt;&nbsp; &lt;view&gt;&nbsp; &nbsp;tab_01&nbsp; &lt;\/view&gt;&nbsp; &nbsp; &lt;!&#8211;\u641c\u7d22&#8211;&gt;&nbsp; &lt;view&gt;&nbsp; &nbsp;tab_02&nbsp; &lt;\/view&gt;&nbsp; &nbsp; &lt;!&#8211;\u6211&#8211;&gt;&nbsp; &lt;view&gt;&nbsp; &nbsp;tab_03&nbsp; &lt;\/view&gt; \u767b\u5f55\u540e\u590d\u5236 wxss\uff1a page{&nbsp; &nbsp;display:&nbsp;flex;&nbsp; &nbsp;flex-direction:&nbsp;column;&nbsp; &nbsp;height:&nbsp;100%;&nbsp; }&nbsp; .navbar{&nbsp; &nbsp;flex:&nbsp;none;&nbsp; &nbsp;display:&nbsp;flex;&nbsp; &nbsp;background:&nbsp;#fff;&nbsp; }&nbsp; .navbar&nbsp;.item{&nbsp; &nbsp;position:&nbsp;relative;&nbsp; &nbsp;flex:&nbsp;auto;&nbsp; &nbsp;text-align:&nbsp;center;&nbsp; &nbsp;line-height:&nbsp;80rpx;&nbsp; }&nbsp; .navbar&nbsp;.item.active{&nbsp; &nbsp;color:&nbsp;#FFCC00;&nbsp; }&nbsp; .navbar&nbsp;.item.active:after{&nbsp; &nbsp;content:&nbsp;&#8220;&#8221;;&nbsp; &nbsp;display:&nbsp;block;&nbsp; &nbsp;position:&nbsp;absolute;&nbsp; &nbsp;bottom:&nbsp;0;&nbsp; &nbsp;left:&nbsp;0;&nbsp; &nbsp;right:&nbsp;0;&nbsp; &nbsp;height:&nbsp;4rpx;&nbsp; &nbsp;background:&nbsp;#FFCC00;&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-30905","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/30905","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=30905"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/30905\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=30905"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=30905"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=30905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}