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


Posted in Javascript onJune 08, 2017

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

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

Javascript 相关文章推荐
jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax辅助方法
Sep 27 Javascript
JS Pro-深入面向对象的程序设计之继承的详解
May 07 Javascript
使用javascript创建快捷方式的简单实例
Aug 09 Javascript
jQuery中empty()方法用法实例
Jan 16 Javascript
JavaScript中的getMilliseconds()方法使用详解
Jun 10 Javascript
基于Javascript实现二级联动菜单效果
Mar 04 Javascript
xtemplate node.js 的使用方法实例解析
Aug 22 Javascript
关于javascript原型的修改与重写(覆盖)差别详解
Aug 31 Javascript
DOM操作原生js 的bug,使用jQuery 可以消除的解决方法
Sep 04 Javascript
jQuery实现拖拽可编辑模块功能代码
Jan 12 Javascript
JS实现websocket长轮询实时消息提示的效果
Oct 10 Javascript
简单实现jQuery弹窗效果
Oct 30 jQuery
javascript实现二叉树的代码
Jun 08 #Javascript
微信小程序搜索组件wxSearch实例详解
Jun 08 #Javascript
JS去掉字符串前后空格、阻止表单提交的实现代码
Jun 08 #Javascript
angular实现图片懒加载实例代码
Jun 08 #Javascript
微信小程序日历组件calendar详解及实例
Jun 08 #Javascript
php简单数据库操作类的封装
Jun 08 #Javascript
ReactJs设置css样式的方法
Jun 08 #Javascript
You might like
PHP控制网页过期时间的代码
2008/09/28 PHP
php下将XML转换为数组
2010/01/01 PHP
php检测图片木马多进制编程实践
2013/04/11 PHP
PHP JS Ip地址及域名格式检测代码
2013/09/27 PHP
php常用hash加密函数
2014/11/22 PHP
PHP积分兑换接口实例
2015/02/09 PHP
PHP使用in_array函数检查数组中是否存在某个值
2015/03/25 PHP
php实现的一个简单json rpc框架实例
2015/03/30 PHP
Symfony2框架学习笔记之HTTP Cache用法详解
2016/03/18 PHP
PHP抓取淘宝商品的用户晒单评论+图片+搜索商品列表实例
2016/04/14 PHP
PHP中用mysqli面向对象打开连接关闭mysql数据库的方法
2016/11/05 PHP
php实现支付宝当面付(扫码支付)功能
2018/05/30 PHP
解决thinkphp5未定义变量会抛出异常,页面错误,请稍后再试的问题
2019/10/16 PHP
JavaScript方法和技巧大全
2006/12/27 Javascript
在你的网页中嵌入外部网页的方法
2007/04/02 Javascript
js中判断Object、Array、Function等引用类型对象是否相等
2012/08/29 Javascript
你未必知道的JavaScript和CSS交互的5种方法
2014/04/02 Javascript
JavaScript设计模式经典之工厂模式
2016/02/24 Javascript
javascript类型系统_正则表达式RegExp类型详解
2016/06/24 Javascript
ionic2 tabs使用 Modal底部tab弹出框
2016/12/30 Javascript
Vue指令的钩子函数使用方法
2017/03/20 Javascript
详解JS构造函数中this和return
2017/09/16 Javascript
Node 搭建一个静态资源服务器的实现
2019/05/20 Javascript
js实现随机数小游戏
2019/06/28 Javascript
python使用pycharm环境调用opencv库
2018/02/11 Python
详解python播放音频的三种方法
2019/09/23 Python
python 字典有序并写入json文件过程解析
2019/09/30 Python
python小程序之4名牌手洗牌发牌问题解析
2020/05/15 Python
python工具——Mimesis的简单使用教程
2021/01/16 Python
描述内存分配方式以及它们的区别
2016/10/15 面试题
迟到检讨书5000字
2014/01/31 职场文书
决心书范文
2014/03/11 职场文书
计算机专业求职信
2014/06/02 职场文书
老干部座谈会主持词
2015/07/03 职场文书
穷人该怎么创业?谨记以下几点
2019/07/11 职场文书
Python爬虫框架之Scrapy中Spider的用法
2021/06/28 Python