pages文件夾就像一個(gè)大櫥柜，里面放著各種精美的衣裝，你也可以理解為供小程序的頁(yè)面。

1、制造衣服

我在pages頁(yè)面下新建了3個(gè)頁(yè)面

• market 廣告市場(chǎng)
• task 任務(wù)中心
• my 個(gè)人中心

以market為例，寫最簡(jiǎn)單的代碼

<template><div class="container" @click="clickHandle('test click', $event)">market</div> </template>

2、注冊(cè)頁(yè)面
這時(shí)你需要關(guān)注app.json文件，女友的搭配都是在這里面控制。pages中填寫的頁(yè)面，可以被訪問(wèn)

{"pages": ["pages/index/main","pages/logs/main","pages/counter/main","pages/market/main","pages/task/main","pages/my/main"] }

3、底部tab切換
配置app.json文件。

"tabBar": {"selectedColor": "#145094","list": [{"pagePath": "pages/market/main","text": "廣告市場(chǎng)","iconPath": "static/img/tab/market.png","selectedIconPath": "static/img/tab/market-selected.png"},{"pagePath": "pages/task/main","text": "我的任務(wù)","iconPath": "static/img/tab/task.png","selectedIconPath": "static/img/tab/task-selected.png"},{"pagePath": "pages/my/main","text": "個(gè)人中心","iconPath": "static/img/tab/my.png","selectedIconPath": "static/img/tab/my-selected.png"}]}

最后顯示效果達(dá)成

總結(jié)

以上是生活随笔為你收集整理的mpvue 从零开始 女友的衣装 1 pages的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。