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

更新时间：2017年06月08日 11:33:42 投稿：lqh

这篇文章主要介绍了微信小程序tabbar不显示解决办法的相关资料,需要的朋友可以参考下

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

"pages":[ 
  "pages/logs/logs", 
  "pages/index/index" 
 ],

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

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

{ 
 "pages":[ 
  "pages/logs/logs", 
  "pages/index/index" 
 ], 
 "window":{ 
  "backgroundTextStyle":"light", 
  "navigationBarBackgroundColor": "#fff", 
  "navigationBarTitleText": "小程序", 
  "navigationBarTextStyle":"black" 
 }, 
 "tabBar":{ 
  "selectedColor":"#dddddd", 
  "color": "#3cc51f", 
  "backgroundColor":"#ffffff", 
  "list":[{ 
   "text" : "登录", 
   "pagePath" : "pages/logs/logs", 
   "iconPath" : "image/12.png", 
   "selectedIconPath" : "image/12.png" 
  },{ 
   "text":"注销", 
   "pagePath" : "pages/index/index", 
   "iconPath" : "image/12.png", 
   "selectedIconPath" : "image/12.png" 
  },{ 
   "text" : "日志", 
   "pagePath" : "pages/logs/logs", 
   "iconPath" : "image/12.png", 
   "selectedIconPath" : "image/12.png" 
  }] 
 } 
}

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

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

"pages":[ 
  pages/logs/logs", 
  "pages/index/index" 
 ],

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

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

您可能感兴趣的文章:

微信小程序技巧之show内容展示，上传文件编码问题
这篇文章主要介绍了微信小程序技巧之show内容展示，上传文件编码问题，具有一定的参考价值，有兴趣的可以了解一下。
2017-01-01
微信小程序中input标签详解及简单实例
这篇文章主要介绍了微信小程序中input标签详解及简单实例的相关资料,需要的朋友可以参考下
2017-05-05
项目中使用TypeScript的TodoList实例详解
这篇文章主要为大家介绍了项目中使用TypeScript的TodoList实例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-01-01
JavaScript面试数组index和对象key问题详解
这篇文章主要为大家介绍了JavaScript面试数组index和对象key问题详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-12-12
JavaScript两张图搞懂原型链
这篇文章主要分享JavaScript的两张原型链图，我们上一篇文章介绍了JavaScript中的原型，为什么不将原型链一起介绍了呢？因为JavaScript中的原型链是一个难点，也是一个面试必问的考点，现在就来学习一下具体内容吧
2021-12-12
JavaScript的模块化开发框架Sea.js上手指南
Sea.js的目的是追求简单的代码书写和组织方式,Sea.js并没有过多功能而是主要对前端程序的部署结构作出约束,下面我们就来看一下JavaScript的模块化开发框架Sea.js上手指南:
2016-05-05
微信小程序-getUserInfo回调的实例详解
这篇文章主要介绍了微信小程序-getUserInfo回调的实例详解的相关资料,希望通过本文能帮助到大家，让大家理解掌握这部分内容，需要的朋友可以参考下
2017-10-10
codemirror6实现在线代码编辑器使用详解
这篇文章主要为大家介绍了codemirror6实现在线代码编辑器使用详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-01-01
sessionStorage多Tab标签页数据共享问题分析
这篇文章主要为大家介绍了sessionStorage多Tab标签页数据共享问题分析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-07-07
js 实现文件上传样式详情
这篇文章主要介绍了js 实现文件上传样式，下面文章举例说明js 是如何实现文件上传样式的，附有代码详细解说,需要的朋友可以参考一下，希望对你有所帮助
2021-10-10