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

1、制造衣服

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

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

以market为例，写最简单的代码

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

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

{"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"}]}

最后显示效果达成