{"id":909,"date":"2022-01-15T14:50:00","date_gmt":"2022-01-15T06:50:00","guid":{"rendered":"http:\/\/blog.xrhoujie.com\/?p=909"},"modified":"2022-01-10T15:08:47","modified_gmt":"2022-01-10T07:08:47","slug":"uni-app%e5%bc%80%e5%8f%91%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f%e6%80%bb%e7%bb%93%e4%ba%8c","status":"publish","type":"post","link":"http:\/\/blog.xrhoujie.com\/?p=909","title":{"rendered":"uni-app\u5f00\u53d1\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u603b\u7ed3(\u4e8c)"},"content":{"rendered":"\n<p>\u6253\u5f00\u9879\u76ee\u5148\u8fd0\u884c\u4e00\u4e0b\u770b\u770b\u6548\u679c<\/p>\n\n\n\n<p>\u4e0b\u56fe\u662f\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u5de5\u5177\u7684\u9884\u89c8\u56fe\uff0c\u518d\u53d1\u4e00\u4e0b\u9879\u76ee\u5730\u5740\uff1a<a href=\"https:\/\/github.com\/894658027\/Shopping-Mail\">https:\/\/github.com\/894658027\/Shopping-Mail<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" src=\"http:\/\/blog.xrhoujie.com\/wp-content\/uploads\/2022\/01\/image.png\" alt=\"\" class=\"wp-image-910\" width=\"165\" height=\"295\" srcset=\"http:\/\/blog.xrhoujie.com\/wp-content\/uploads\/2022\/01\/image.png 394w, http:\/\/blog.xrhoujie.com\/wp-content\/uploads\/2022\/01\/image-168x300.png 168w\" sizes=\"(max-width: 165px) 100vw, 165px\" \/><figcaption>\u9996\u9875\u662f\u4e00\u4e2a\u7011\u5e03\u6d41\u6548\u679c\uff0c\u5f15\u7528\u4e86uview\u7684&lt;u-waterfall>\u7ec4\u4ef6<\/figcaption><\/figure>\n\n\n\n<p>u-waterfall\u7ec4\u4ef6\u5730\u5740:<a href=\" https:\/\/v1.uviewui.com\/components\/waterfall.html\"> https:\/\/v1.uviewui.com\/components\/waterfall.html<\/a><\/p>\n\n\n\n<p>\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;template>\r\n\t&lt;view class=\"wrap\">\n\t\t&lt;!-- &lt;input \/>  --> \n\t\t&lt;!-- &lt;u-search placeholder=\"\u8bf7\u8f93\u5165\u5546\u54c1\u540d\u79f0\" v-model=\"keyword\">&lt;\/u-search> -->\r\n\t\t&lt;u-waterfall v-model=\"flowList\" ref=\"uWaterfall\">\n\t\t\t&lt;template v-slot:left=\"{leftList}\">\r\n\t\t\t\t&lt;view class=\"demo-warter\" v-for=\"(item, index) in leftList\" :key=\"index\" @click=\"nextDetail\"\r\n\t\t\t\t\t:data-next='item'> \r\n\t\t\t\t\t&lt;!-- \u8b66\u544a\uff1a\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e2d\u9700\u8981hx2.8.11\u7248\u672c\u624d\u652f\u6301\u5728template\u4e2d\u7ed3\u5408\u5176\u4ed6\u7ec4\u4ef6\uff0c\u6bd4\u5982\u4e0b\u65b9\u7684lazy-load\u7ec4\u4ef6 -->\r\n\t\t\t\t\t&lt;u-lazy-load threshold=\"-450\" border-radius=\"10\" :image=\"item.image\" :index=\"index\">&lt;\/u-lazy-load>\r\n\t\t\t\t\t&lt;view class=\"demo-title\"> \r\n\t\t\t\t\t\t{{item.title}}\r\n\t\t\t\t\t&lt;\/view>\r\n\t\t\t\t\t&lt;view class=\"demo-price\">\r\n\t\t\t\t\t\t{{item.price}}\u5143\r\n\t\t\t\t\t&lt;\/view>\r\n\t\t\t\t\t&lt;view class=\"demo-tag\">\r\n\t\t\t\t\t\t&lt;view class=\"demo-tag-owner\">\r\n\t\t\t\t\t\t\t\u81ea\u8425 \r\n\t\t\t\t\t\t&lt;\/view>\r\n\t\t\t\t\t\t&lt;view class=\"demo-tag-text\">\r\n\t\t\t\t\t\t\t\u653e\u5fc3\u8d2d\r\n\t\t\t\t\t\t&lt;\/view>\r\n\t\t\t\t\t&lt;\/view>\r\n\t\t\t\t\t&lt;view class=\"demo-shop\">\r\n\t\t\t\t\t\t{{item.shop}}\r\n\t\t\t\t\t&lt;\/view>\n\t\t\t\t\t&lt;!-- \/\/icon-leftClose -->\r\n\t\t\t    &lt;!-- &lt;u-icon name=\"close-circle-fill\" color=\"#fa3534\" size=\"34\" class=\"u-close\" @click=\"remove(item.id)\">\r\n\t\t\t    &lt;\/u-icon> --> \r\n\t\t\t\t&lt;\/view>\r\n\t\t\t&lt;\/template>\r\n\t\t\t&lt;template v-slot:right=\"{rightList}\">\r\n\t\t\t\t&lt;view class=\"demo-warter\" v-for=\"(item, index) in rightList\" :key=\"index\" @click=\"nextDetail\" \n\t\t\t\t    :data-next='item'>\r\n\t\t\t\t\t&lt;u-lazy-load threshold=\"-450\" border-radius=\"10\" :image=\"item.image\" :index=\"index\">&lt;\/u-lazy-load>\r\n\t\t\t\t\t&lt;view class=\"demo-title\">\r\n\t\t\t\t\t\t{{item.title}}\r\n\t\t\t\t\t&lt;\/view> \r\n\t\t\t\t\t&lt;view class=\"demo-price\">  \r\n\t\t\t\t\t\t{{item.price}}\u5143\r\n\t\t\t\t\t&lt;\/view>\r\n\t\t\t\t\t&lt;view class=\"demo-tag\">\r\n\t\t\t\t\t\t&lt;view class=\"demo-tag-owner\">\r\n\t\t\t\t\t\t\t\u81ea\u8425\r\n\t\t\t\t\t\t&lt;\/view>\r\n\t\t\t\t\t\t&lt;view class=\"demo-tag-text\">\r\n\t\t\t\t\t\t\t\u653e\u5fc3\u8d2d\r\n\t\t\t\t\t\t&lt;\/view>\r\n\t\t\t\t\t&lt;\/view>\r\n\t\t\t\t\t&lt;view class=\"demo-shop\">\r\n\t\t\t\t\t\t{{item.shop}}\r\n\t\t\t\t\t&lt;\/view>\n\t\t\t\t\t&lt;!-- icon-rightClose -->\r\n\t\t\t\t\t&lt;!-- &lt;u-icon name=\"close-circle-fill\" color=\"#fa3534\" size=\"34\" class=\"u-close\" @click=\"remove(item.id)\">\r\n\t\t\t\t\t&lt;\/u-icon> -->\r\n\t\t\t\t&lt;\/view>\r\n\t\t\t&lt;\/template>\r\n\t\t&lt;\/u-waterfall>\r\n\t\t&lt;u-loadmore bg-color=\"rgb(240, 240, 240)\" :status=\"loadStatus\" @loadmore=\"addRandomData\">&lt;\/u-loadmore>\n\t\t&lt;u-tabbar :list=\"tabbar\" :mid-button=\"true\">&lt;\/u-tabbar>\r\n\t&lt;\/view>\r\n&lt;\/template>\r\n\r\n&lt;script>\r\n\texport default {\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tloadStatus: 'loadmore',\n\t\t\t\ttabbar: '',\r\n\t\t\t\tflowList: &#91;],\r\n\t\t\t\tlist: &#91;{\r\n\t\t\t\t\t\tprice: 35,\r\n\t\t\t\t\t\ttitle: '\u5317\u56fd\u98ce\u5149\uff0c\u5343\u91cc\u51b0\u5c01\uff0c\u4e07\u91cc\u96ea\u98d8',\r\n\t\t\t\t\t\tshop: '\u674e\u767d\u675c\u752b\u767d\u5c45\u6613\u65d7\u8230\u5e97',\r\n\t\t\t\t\t\timage: 'https:\/\/img.rongshulin.net\/1.jpg',\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tprice: 75,\r\n\t\t\t\t\t\ttitle: '\u671b\u957f\u57ce\u5185\u5916\uff0c\u60df\u4f59\u83bd\u83bd',\r\n\t\t\t\t\t\tshop: '\u674e\u767d\u675c\u752b\u767d\u5c45\u6613\u65d7\u8230\u5e97',\r\n\t\t\t\t\t\timage: 'https:\/\/img.rongshulin.net\/1.jpg',\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tprice: 385,\r\n\t\t\t\t\t\ttitle: '\u5927\u6cb3\u4e0a\u4e0b\uff0c\u987f\u5931\u6ed4\u6ed4',\r\n\t\t\t\t\t\tshop: '\u674e\u767d\u675c\u752b\u767d\u5c45\u6613\u65d7\u8230\u5e97',  \r\n\t\t\t\t\t\timage: 'https:\/\/img.rongshulin.net\/1.jpg',\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tprice: 784,\r\n\t\t\t\t\t\ttitle: '\u6b32\u4e0e\u5929\u516c\u8bd5\u6bd4\u9ad8',\r\n\t\t\t\t\t\tshop: '\u674e\u767d\u675c\u752b\u767d\u5c45\u6613\u65d7\u8230\u5e97',\r\n\t\t\t\t\t\timage: 'https:\/\/img.rongshulin.net\/1.jpg',\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tprice: 7891,\r\n\t\t\t\t\t\ttitle: '\u987b\u6674\u65e5\uff0c\u770b\u7ea2\u88c5\u7d20\u88f9\uff0c\u5206\u5916\u5996\u5a06',\r\n\t\t\t\t\t\tshop: '\u674e\u767d\u675c\u752b\u767d\u5c45\u6613\u65d7\u8230\u5e97',\r\n\t\t\t\t\t\timage: 'https:\/\/img.rongshulin.net\/1.jpg',\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tprice: 2341,\r\n\t\t\t\t\t\tshop: '\u674e\u767d\u675c\u752b\u767d\u5c45\u6613\u65d7\u8230\u5e97',\r\n\t\t\t\t\t\ttitle: '\u6c5f\u5c71\u5982\u6b64\u591a\u5a07\uff0c\u5f15\u65e0\u6570\u82f1\u96c4\u7ade\u6298\u8170',\r\n\t\t\t\t\t\timage: 'https:\/\/img.rongshulin.net\/1.jpg',\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tprice: 661,\r\n\t\t\t\t\t\tshop: '\u674e\u767d\u675c\u752b\u767d\u5c45\u6613\u65d7\u8230\u5e97',\r\n\t\t\t\t\t\ttitle: '\u60dc\u79e6\u7687\u6c49\u6b66\uff0c\u7565\u8f93\u6587\u91c7',\r\n\t\t\t\t\t\timage: 'https:\/\/img.rongshulin.net\/1.jpg',\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tprice: 1654,\r\n\t\t\t\t\t\ttitle: '\u5510\u5b97\u5b8b\u7956\uff0c\u7a0d\u900a\u98ce\u9a9a',\r\n\t\t\t\t\t\tshop: '\u674e\u767d\u675c\u752b\u767d\u5c45\u6613\u65d7\u8230\u5e97',\r\n\t\t\t\t\t\timage: 'https:\/\/img.rongshulin.net\/1.jpg',\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tprice: 1678,\r\n\t\t\t\t\t\ttitle: '\u4e00\u4ee3\u5929\u9a84\uff0c\u6210\u5409\u601d\u6c57',\r\n\t\t\t\t\t\tshop: '\u674e\u767d\u675c\u752b\u767d\u5c45\u6613\u65d7\u8230\u5e97',\r\n\t\t\t\t\t\timage: 'https:\/\/img.rongshulin.net\/1.jpg', \r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tprice: 924,\r\n\t\t\t\t\t\ttitle: '\u53ea\u8bc6\u5f2f\u5f13\u5c04\u5927\u96d5',\r\n\t\t\t\t\t\tshop: '\u674e\u767d\u675c\u752b\u767d\u5c45\u6613\u65d7\u8230\u5e97',\r\n\t\t\t\t\t\timage: 'https:\/\/img.rongshulin.net\/1.jpg',\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tprice: 8243,\r\n\t\t\t\t\t\ttitle: '\u4ff1\u5f80\u77e3\uff0c\u6570\u98ce\u6d41\u4eba\u7269\uff0c\u8fd8\u770b\u4eca\u671d',\r\n\t\t\t\t\t\tshop: '\u674e\u767d\u675c\u752b\u767d\u5c45\u6613\u65d7\u8230\u5e97',\r\n\t\t\t\t\t\timage: 'https:\/\/img.rongshulin.net\/1.jpg',\r\n\t\t\t\t\t}\r\n\t\t\t\t]\r\n\t\t\t}\r\n\t\t},\r\n\t\tonLoad() {\r\n\t\t\tthis.addRandomData();  \r\n\t\t\t\/\/ const db = uniCloud.database(); \/\/\u4ee3\u7801\u5757\u4e3acdb\r\n\t\t\t\/\/ console.log(uniCloud.getCurrentUserInfo());\r\n\t\t\t\/\/db.collection(\"new\").add({name: 'Ben'})\n \n\t\t\t\/**\n\t\t\t * \u793a\u4f8b\u4e2d\u4e3a\u6bcf\u4e2atabbar\u9875\u9762\u90fd\u5199\u4e86\u4e00\u904dtabbar\u53d8\u91cf\uff0c\u60a8\u53ef\u4ee5\u5c06tabbar\u6570\u7ec4\u5199\u5165\u5230vuex\u4e2d\uff0c\u8fd9\u6837\u53ef\u4ee5\u5168\u5c40\u5f15\u7528\n\t\t\t *\/\n\t\t\tthis.tabbar = &#91;{\n\t\t\t\t\ticonPath: \"\/static\/tabbar\/home2.png\",\n\t\t\t\t\tselectedIconPath: \"\/static\/tabbar\/home.png\",\n\t\t\t\t\ttext: '\u9996\u9875',\n\t\t\t\t\t\/\/ count: 2,\n\t\t\t\t\t\/\/ isDot: true,\n\t\t\t\t\tpagePath: \"\/pages\/index\/index\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ticonPath: \"\/static\/uview\/example\/js.png\",\n\t\t\t\t\tselectedIconPath: \"\/static\/uview\/example\/js_select.png\",\n\t\t\t\t\ttext: '\u56fe\u8868\u9875',\n\t\t\t\t\tmidButton: true,\n\t\t\t\t\tpagePath: \"\/pages\/echartsVue\/echartsVue\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ticonPath: \"\/static\/tabbar\/mine2.png\",\n\t\t\t\t\tselectedIconPath: \"\/static\/tabbar\/mine.png\",\n\t\t\t\t\ttext: '\u4e2a\u4eba\u4e2d\u5fc3',\n\t\t\t\t\tpagePath: \"\/pages\/mine\/mine\"\n\t\t\t\t},\n\t\t\t]\r\n\t\t},\r\n\t\t\/\/ onShow() {\r\n\t\t\/\/ \tthis.addRandomData();\r\n\t\t\/\/ },\r\n\t\tonReachBottom() {\r\n\t\t\tthis.loadStatus = 'loading';  \r\n\t\t\t\/\/ \u6a21\u62df\u6570\u636e\u52a0\u8f7d\r\n\t\t\tsetTimeout(() => { \r\n\t\t\t\tthis.addRandomData();\r\n\t\t\t\tthis.loadStatus = 'loadmore';\r\n\t\t\t}, 1000)\r\n\t\t},\r\n\t\tmethods: { \r\n\t\t\taddRandomData() {\r\n\t\t\t\tfor (let i = 0; i &lt; 10; i++) {\r\n\t\t\t\t\tlet index = this.$u.random(0, this.list.length - 1);\r\n\t\t\t\t\t\/\/ \u5148\u8f6c\u6210\u5b57\u7b26\u4e32\u518d\u8f6c\u6210\u5bf9\u8c61\uff0c\u907f\u514d\u6570\u7ec4\u5bf9\u8c61\u5f15\u7528\u5bfc\u81f4\u6570\u636e\u6df7\u4e71\r\n\t\t\t\t\tlet item = JSON.parse(JSON.stringify(this.list&#91;index]))\r\n\t\t\t\t\titem.id = this.$u.guid();\r\n\t\t\t\t\tthis.flowList.push(item);\r\n\t\t\t\t} \r\n\t\t\t}, \r\n\t\t\tremove(id) {\r\n\t\t\t\tthis.$refs.uWaterfall.remove(id);\r\n\t\t\t},\r\n\t\t\tclear() {\r\n\t\t\t\tthis.$refs.uWaterfall.clear();\r\n\t\t\t},\r\n\t\t\tnextDetail(e) {\r\n\t\t\t\tlet datasetNext = e.currentTarget.dataset.next\r\n\t\t\t\tlet title = datasetNext.title\r\n\t\t\t\tlet imageUrl = datasetNext.image \n\t\t\t\tlet prices = datasetNext.price;\n\t\t\t\tuni.navigateTo({\r\n\t\t\t\t\turl: '..\/goodsDetail\/goodsDetail?title=' + title + '&amp;imageUrl=' + imageUrl+'&amp;prices=' + prices\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n&lt;\/script>\r\n\r\n&lt;style>\r\n\t\/* page\u4e0d\u80fd\u5199\u5e26scope\u7684style\u6807\u7b7e\u4e2d\uff0c\u5426\u5219\u65e0\u6548 *\/\r\n\tpage {\r\n\t\tbackground-color: rgb(240, 240, 240);\r\n\t}\r\n&lt;\/style>\r\n\r\n&lt;style lang=\"scss\" scoped>\r\n\t.demo-warter {\r\n\t\tborder-radius: 8px;\r\n\t\tmargin: 5px;\r\n\t\tbackground-color: #ffffff;\r\n\t\tpadding: 8px;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t.u-close {\r\n\t\tposition: absolute;\r\n\t\ttop: 32rpx;\r\n\t\tright: 32rpx;\r\n\t}\r\n\r\n\t.demo-image {\r\n\t\twidth: 100%;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\r\n\t.demo-title {\r\n\t\tfont-size: 30rpx;\r\n\t\tmargin-top: 5px;\r\n\t\tcolor: $u-main-color;\r\n\t}\r\n\r\n\t.demo-tag {\r\n\t\tdisplay: flex;\r\n\t\tmargin-top: 5px;\r\n\t}\r\n\r\n\t.demo-tag-owner {\r\n\t\tbackground-color: $u-type-error;\r\n\t\tcolor: #FFFFFF;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tpadding: 4rpx 14rpx;\r\n\t\tborder-radius: 50rpx;\r\n\t\tfont-size: 20rpx;\r\n\t\tline-height: 1;\r\n\t}\r\n\r\n\t.demo-tag-text {\r\n\t\tborder: 1px solid $u-type-primary;\r\n\t\tcolor: $u-type-primary;\r\n\t\tmargin-left: 10px;\r\n\t\tborder-radius: 50rpx;\r\n\t\tline-height: 1;\r\n\t\tpadding: 4rpx 14rpx;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tborder-radius: 50rpx;\r\n\t\tfont-size: 20rpx;\r\n\t}\r\n\r\n\t.demo-price {\r\n\t\tfont-size: 30rpx;\r\n\t\tcolor: $u-type-error;\r\n\t\tmargin-top: 5px;\r\n\t}\r\n\r\n\t.demo-shop {\r\n\t\tfont-size: 22rpx;\r\n\t\tcolor: $u-tips-color;\r\n\t\tmargin-top: 5px;\r\n\t}\r\n&lt;\/style>\n<\/code><\/pre>\n\n\n\n<p>\u628a\u8fd9\u4e9b\u4ee3\u7801\u76f4\u63a5\u8d34\u5230pages\/index\/index.vue \u91cc\u9762\u5c31\u884c\uff0c\u4fdd\u5b58\uff0chbuilderX\u81ea\u52a8\u4f1a\u8fdb\u884c\u70ed\u66f4\u65b0\u5237\u65b0\u5fae\u4fe1\u5f00\u53d1\u8005\u5de5\u5177\uff0c<\/p>\n\n\n\n<p>&lt;script>\u6807\u7b7e\u5185\u6709\u51e0\u4e2a\u6d89\u53ca\u751f\u547d\u5468\u671f\u7684\u51fd\u6570\uff0c\u9700\u8981\u6ce8\u610f\u4e00\u4e0b<\/p>\n\n\n\n<p>\u4ed6\u4eec\u5206\u522b\u662f onload,onshow,\u8fd9\u4e24\u4e2a\u8ddf\u8868\u73b0\u610f\u601d\u4e00\u6837 \uff0cmethod\u51fd\u6570\u5185\u90e8\u662f\u7528\u6765\u7f16\u5199\u6211\u4eec\u7684\u51fd\u6570\u65b9\u6cd5\uff0c\u6bd4\u5982\u4e00\u4e9b\u70b9\u51fb\u4e8b\u4ef6\u7b49\u3002<\/p>\n\n\n\n<p>\u8bf4\u5b8c\u4e86\u9875\u9762\u5e03\u5c40\u518d\u770b\u4e0b\u5e95\u90e8\u680f\u7684 tabbar\uff0c\u5728\u4ee3\u7801\u91cc\u53ef\u4ee5\u770b\u5230<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/**\n\t\t\t * \u793a\u4f8b\u4e2d\u4e3a\u6bcf\u4e2atabbar\u9875\u9762\u90fd\u5199\u4e86\u4e00\u904dtabbar\u53d8\u91cf\uff0c\u60a8\u53ef\u4ee5\u5c06tabbar\u6570\u7ec4\u5199\u5165\u5230vuex\u4e2d\uff0c\u8fd9\u6837\u53ef\u4ee5\u5168\u5c40\u5f15\u7528\n\t\t\t *\/\n\t\t\tthis.tabbar = &#91;{\n\t\t\t\t\ticonPath: \"\/static\/tabbar\/home2.png\",\n\t\t\t\t\tselectedIconPath: \"\/static\/tabbar\/home.png\",\n\t\t\t\t\ttext: '\u9996\u9875',\n\t\t\t\t\t\/\/ count: 2,\n\t\t\t\t\t\/\/ isDot: true,\n\t\t\t\t\tpagePath: \"\/pages\/index\/index\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ticonPath: \"\/static\/uview\/example\/js.png\",\n\t\t\t\t\tselectedIconPath: \"\/static\/uview\/example\/js_select.png\",\n\t\t\t\t\ttext: '\u56fe\u8868\u9875',\n\t\t\t\t\tmidButton: true,\n\t\t\t\t\tpagePath: \"\/pages\/echartsVue\/echartsVue\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ticonPath: \"\/static\/tabbar\/mine2.png\",\n\t\t\t\t\tselectedIconPath: \"\/static\/tabbar\/mine.png\",\n\t\t\t\t\ttext: '\u4e2a\u4eba\u4e2d\u5fc3',\n\t\t\t\t\tpagePath: \"\/pages\/mine\/mine\"\n\t\t\t\t},\n\t\t\t]\r\n\t\t},<\/code><\/pre>\n\n\n\n<p>\u8fd9\u4e2a\u662f\u5e95\u90e8\u7684\u680f\u4f4d\uff0c\u5206\u522b\u662f\u9996\u9875\uff0c\u56fe\u6807\u9875\uff0c\u4e2a\u4eba\u4e2d\u5fc3\u4e5f\u7684\u56fe\u6807\uff0c\u4e00\u822c\u60c5\u51b5\u662f2-5\u4e2a\uff0c\u53ef\u81ea\u7531\u914d\u7f6e\uff0c<\/p>\n\n\n\n<p>iconPath\u662f\u56fe\u7247\u9ed8\u8ba4\u72b6\u6001<\/p>\n\n\n\n<p>selectedIconPath\u662f\u9009\u4e2d\u72b6\u6001<\/p>\n\n\n\n<p>text\u662f\u56fe\u6807\u6587\u672c\u63cf\u8ff0<\/p>\n\n\n\n<p>midButton \u53ef\u9009<\/p>\n\n\n\n<p>pagePath\u662f\u9875\u9762\u8def\u5f84&#8211;\u9875\u9762\u8df3\u8f6c\u7684\u6307\u5411<\/p>\n\n\n\n<p>\u5269\u4e0b\u7684\u5c31\u6ca1\u5565\uff0c\u76f4\u63a5\u590d\u5236\u4ee3\u7801 \u4e00\u628a\u68ad\u5c31\u884c\u4e86\uff0c\u8fd9\u4e2a\u7cfb\u5217\u4e0b\u4e2a\u6708\u5728\u7ee7\u7eed\u5199\u5427\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6253\u5f00\u9879\u76ee\u5148\u8fd0\u884c\u4e00\u4e0b\u770b\u770b\u6548\u679c \u4e0b\u56fe\u662f\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u5de5\u5177\u7684\u9884\u89c8\u56fe\uff0c\u518d\u53d1\u4e00\u4e0b\u9879\u76ee\u5730\u5740\uff1ahttps:\/\/github.co [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[38],"_links":{"self":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/909"}],"collection":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=909"}],"version-history":[{"count":1,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/909\/revisions"}],"predecessor-version":[{"id":911,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/909\/revisions\/911"}],"wp:attachment":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=909"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=909"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=909"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}