小程序--tabBar

tabBar

若含有tabBar的页面不是首页 则首页设置wx.switchTab跳转

wx.switchTab({ // 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面
url: "../posts/post"
});

//所需要加入的tabBar的页面一定要加入数组中

  "tabBar": {
    "borderStyle": "white",
    "position": "bottom",
    "list": [
      {
        "pagePath": "pages/movies/movies",
        "text": "电影",
        "iconPath": "images/tab/dianying.png",
        "selectedIconPath": "images/tab/dianying_hl.png"
      },
      {
        "pagePath": "pages/posts/post",
        "text": "阅读",
        "iconPath": "images/tab/yuedu.png",
        "selectedIconPath": "images/tab/yuedu_hl.png"
      }
    ]
  }

快速创建目录及文件的方法:

在app.json中

"pages": [
"pages/welcom/welcom",
"pages/posts/post",
"pages/posts/post-detail/post-detail",
"pages/movies/movies",
"pages/movies/movie-detail/movie-detail" //新写入然后保存app.json文件即可在 pages/movies/下创建movie-detail文件夹及文件夹下的文件
],


猜你喜欢

转载自blog.csdn.net/lsy__lsy/article/details/80434940