微信小程序-tabBar无法显示问题解析

微信小程序关于底部footer部分,tabbar已经完成写好但是不显示,问题是在tabbar里面写的 "pagePath": "pages/logs/logs",的路径,必须在如下

"pages":[

"pages/logs/logs",
"pages/news/news",
"pages/index/index"
],

里面的开始部分,不能在pages里面的开始就定义初始页面的地址,必须把tabbar的地址定义在开始部分,不然无法显示

{
  "pages":[
    "pages/news/news",//tabbar地址-必须放在初始页面地址前边
    "pages/logs/logs",//tabbar地址-必须放在初始页面地址前边
    
      "pages/index/index"//初始页面
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "black",
    "navigationBarTitleText": "weixin项目首页",
    "navigationBarTextStyle":"white"
  },
  "tabBar": {
    "list": [
      {
      "pagePath": "pages/logs/logs",
      "text": "text",
      "iconPath": "iconPath",
      "selectedIconPath": "selectedIconPath"
    },
    {
      "pagePath": "pages/news/news",
      "text": "text",
      "iconPath": "iconPath",
      "selectedIconPath": "selectedIconPath"
    }
    ]
  },
  "debug":true
  
}

 但是如果这样定义,则项目显示首页为pages定义的页面,如果想显示的首页为index初始页面,需要再tabbar里面另外定义一个bar显示指向初始页面,并把pages里面的初始页面放在第一位即可。

posted @ 2017-01-17 09:58  司马懿是一朵小花  阅读(14682)  评论(1编辑  收藏  举报