• 单击底部的标签导航
    • 切换“首页”和“我的”页面
    • 修改app.json配置
    • 添加pages/me/me
    • 创建“我的”页面

    添加tabBar配置，显示“首页”和“我的”标签

    app.json最终的代码如下

    1. {
    2.   "pages": [
    3.     "pages/index/index",
    4.     "pages/splash/splash",
    5.     "pages/item/item",
    6.     "pages/list/list",
    7.     "pages/search/search",
    8.     "pages/me/me"
    9.   ],
    10.   "window": {
    11.     "backgroundTextStyle": "light",
    12.     "navigationBarBackgroundColor": "#11998e",
    13.     "navigationBarTitleText": "豆瓣电影",
    14.     "navigationBarTextStyle": "#fff"
    15.   },
    16.   "tabBar": {
    17.     "selectedColor":"#11998e",
    18.     "list": [{
    19.       "pagePath": "pages/index/index",
    20.       "text": "首页",
    21.       "iconPath": "static/icons/movie-1.png",
    22.       "selectedIconPath": "static/icons/movie-2.png"
    23.     },
    24.     {
    25.       "pagePath": "pages/me/me",
    26.       "text": "我的",
    27.       "iconPath": "static/icons/me-1.png",
    28.       "selectedIconPath": "static/icons/me-2.png"
    29.     }]
    30.   }
    31. }