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

最后显示效果达成