微信小程序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的

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

您可能感兴趣的文章:

详解使用yeoman打造自己的项目脚手架
这篇文章主要为大家介绍了使用yeoman打造自己的项目脚手架实现详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-03-03
微信小程序同步请求授权的详解
这篇文章主要介绍了微信小程序同步请求授权的详解的相关资料,在小程序首次打开的时候，我需要同时请求获取多个权限，由用户逐一授权，这样的需求实现，需要的朋友可以参考下
2017-08-08
Flask中获取小程序Request数据的两种方法
这篇文章主要介绍了Flask中获取小程序Request数据的两种方法的相关资料,需要的朋友可以参考下
2017-05-05
ComponentLoader?与动态组件实例详解
这篇文章主要为大家介绍了ComponentLoader?与动态组件实现实例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-05-05
常用的JavaScript数组方法
一说到JavaScript的数组，大家基本都能马上想起pop()、push()、shift()、unshift()、indexof()等等，今天小编就给大家分享几个开发中常用的js数组方法即他们的用法。需要的朋友可以参考下面文章的具体内容
2021-09-09
微信小程序 wxapp内容组件 icon详细介绍
这篇文章主要介绍了微信小程序 wxapp内容组件 icon详细介绍的相关资料,并附简单实例，需要的朋友可以参考下
2016-10-10
js 标签语法使用详情
这篇文章主要介绍了js 标签语法使用，在 JavaScript 中提供了标签语句，用于标记指定的代码块，便于跳转到指定的位置。本文来记录一下标签语句的使用方法,需要的朋友可以参考一下
2021-10-10
微信小程序使用腾讯地图SDK详解及实现步骤
这篇文章主要介绍了微信小程序使用腾讯地图SDK详解及实现步骤的相关资料,需要的朋友可以参考下
2017-02-02
一款功能强大的markdown编辑器tui.editor使用示例详解
这篇文章主要为大家介绍了一款功能强大的markdown编辑器tui.editor使用示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-02-02
微信小程序中setInterval的使用方法
这篇文章主要介绍了微信小程序中setInterval的使用方法的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下
2017-09-09