mpvue从零开始女友的衣装1pages

pages文件夹就像一个大橱柜&＃xff0c;里面放着各种精美的衣装&＃xff0c;你也可以理解为供小程序的页面。

1、制造衣服

我在pages页面下新建了3个页面

• market 广告市场
• task 任务中心
• my 个人中心

以market为例&＃xff0c;写最简单的代码

<template><div class&＃61;"container" &＃64;click&＃61;"clickHandle(&＃39;test click&＃39;, $event)">market</div>
</template>


2、注册页面
这时你需要关注app.json文件&＃xff0c;女友的搭配都是在这里面控制。pages中填写的页面&＃xff0c;可以被访问

{"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": "广告市场","iconPath": "static/img/tab/market.png","selectedIconPath": "static/img/tab/market-selected.png"},{"pagePath": "pages/task/main","text": "我的任务","iconPath": "static/img/tab/task.png","selectedIconPath": "static/img/tab/task-selected.png"},{"pagePath": "pages/my/main","text": "个人中心","iconPath": "static/img/tab/my.png","selectedIconPath": "static/img/tab/my-selected.png"}]}


最后显示效果达成