微信小程序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 相关文章推荐
js动态添加onclick事件可传参数与不传参数
Jul 29 Javascript
js实现网页右上角滑出会自动消失大幅广告的方法
Feb 27 Javascript
js判断手机访问或者PC的几个例子(常用于手机跳转)
Dec 15 Javascript
WebView启动支付宝客户端支付失败的问题小结
Jan 11 Javascript
详解angularJS动态生成的页面中ng-click无效解决办法
Jun 19 Javascript
zTree获取当前节点的下一级子节点数实例
Sep 05 Javascript
jquery实现用户登陆界面(示例讲解)
Sep 06 jQuery
使用Node.js实现ORM的一种思路详解(图文)
Oct 24 Javascript
微信小程序checkbox组件使用详解
Jan 31 Javascript
解决JavaScript中0.1+0.2不等于0.3问题
Oct 23 Javascript
Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验
Apr 22 Javascript
javascript实现blob加密视频源地址的方法
Aug 08 Javascript
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实现懒加载的方法
2015/03/07 PHP
php输出xml属性的方法
2015/03/19 PHP
高质量PHP代码的50个实用技巧必备(下)
2016/01/22 PHP
php微信高级接口群发 多客服
2016/06/23 PHP
PHP实现的曲线统计图表示例
2016/11/10 PHP
详解Yii实现分页的两种方法
2017/01/14 PHP
PHP实现超简单的SSL加密解密、验证及签名的方法示例
2017/08/28 PHP
认识延迟时间为0的setTimeout
2008/05/16 Javascript
理解Javascript_07_理解instanceof实现原理
2010/10/15 Javascript
js简单实现让文本框内容逐个字的显示出来
2013/10/22 Javascript
jquery插件冲突(jquery.noconflict)解决方法分享
2014/03/20 Javascript
Bootstrap轮播插件使用代码
2016/10/11 Javascript
AngularJS 文件上传控件 ng-file-upload详解
2017/01/13 Javascript
基于Bootstrap的Java开发问题汇总(Spring MVC)
2017/01/15 Javascript
JS去除字符串中空格的方法
2017/02/14 Javascript
jQuery插件echarts实现的单折线图效果示例【附demo源码下载】
2017/03/04 Javascript
使用jQuery实现一个类似GridView的编辑,更新,取消和删除的功能
2017/03/15 Javascript
AngularJS的脏检查深入分析
2017/04/22 Javascript
vue2.0 keep-alive最佳实践
2017/07/06 Javascript
Javascript实现时间倒计时效果
2017/07/15 Javascript
Three.js开发实现3D地图的实践过程总结
2017/11/20 Javascript
bootstrap treeview 扩展addNode方法动态添加子节点的方法
2017/11/21 Javascript
vue实现搜索功能
2019/05/28 Javascript
使用preload预加载页面资源时注意事项
2020/02/03 Javascript
Vue绑定用户接口实现代码示例
2020/11/04 Javascript
mustache.js实现首页元件动态渲染的示例代码
2020/12/28 Javascript
python实现每次处理一个字符的三种方法
2014/10/09 Python
让python 3支持mysqldb的解决方法
2017/02/14 Python
python中itertools模块zip_longest函数详解
2018/06/12 Python
python使用梯度下降算法实现一个多线性回归
2020/03/24 Python
Jo Malone美国官网:祖玛珑香水
2017/03/27 全球购物
幼儿园保育员辞职信
2014/01/12 职场文书
重点工程汇报材料
2014/08/27 职场文书
酒店财务部岗位职责
2015/04/14 职场文书
Go中的条件语句Switch示例详解
2021/08/23 Golang
详解MongoDB排序时内存大小限制与创建索引的注意事项
2022/05/06 MongoDB