查看: 2424|回复: 0

[JavaScript/JQuery] 微信小程序tabbar不显示解决办法

发表于 2018-1-7 09:45:17

微信小程序tabbar不显示解决办法

  1. "pages":[
  2. "pages/logs/logs",
  3. "pages/index/index"
  4. ],
复制代码

微信小程序在测试tabbar的时候怎么都不显示。

我就不贴api了。直接上代码

  1. {
  2. "pages":[
  3. "pages/logs/logs",
  4. "pages/index/index"
  5. ],
  6. "window":{
  7. "backgroundTextStyle":"light",
  8. "navigationBarBackgroundColor": "#fff",
  9. "navigationBarTitleText": "小程序",
  10. "navigationBarTextStyle":"black"
  11. },
  12. "tabBar":{
  13. "selectedColor":"#dddddd",
  14. "color": "#3cc51f",
  15. "backgroundColor":"#ffffff",
  16. "list":[{
  17. "text" : "登录",
  18. "pagePath" : "pages/logs/logs",
  19. "iconPath" : "image/12.png",
  20. "selectedIconPath" : "image/12.png"
  21. },{
  22. "text":"注销",
  23. "pagePath" : "pages/index/index",
  24. "iconPath" : "image/12.png",
  25. "selectedIconPath" : "image/12.png"
  26. },{
  27. "text" : "日志",
  28. "pagePath" : "pages/logs/logs",
  29. "iconPath" : "image/12.png",
  30. "selectedIconPath" : "image/12.png"
  31. }]
  32. }
  33. }
复制代码

这个json看了一天,直觉告诉我没什么问题。实际上也没什么问题。

但是坑爹的一幕来了,tabbar怎么都不显示。最后发现是

  1. "pages":[
  2. pages/logs/logs",
  3. "pages/index/index"
  4. ],
复制代码

看标红的问题。第一行绝对是不能配置为"pages/index/index"。所以我换成了pages/logs/logs要不然是不会显示tabbar的

??感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!



回复

使用道具 举报