微信小程序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 相关文章推荐
向大师们学习Javascript(视频与PPT)
Dec 27 Javascript
js data日期初始化的5种方法
Dec 29 Javascript
jQuery学习笔记之总体架构
Jun 03 Javascript
jQuery滚动条插件nanoscroller使用指南
Apr 21 Javascript
深入解读JavaScript中的Hoisting机制
Aug 12 Javascript
为什么我们要做三份 Webpack 配置文件
Sep 18 Javascript
解决修复npm安装全局模块权限的问题
May 17 Javascript
解决vue跨域axios异步通信问题
Apr 17 Javascript
JS中自定义事件的使用与触发操作实例分析
Nov 01 Javascript
JavaScript数值类型知识汇总
Nov 17 Javascript
vue fetch中的.then()的正确使用方法
Apr 17 Javascript
vue中利用mqtt服务端实现即时通讯的步骤记录
Jul 01 Vue.js
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
使用Xdebug调试和优化PHP程序之[1]
2007/04/17 PHP
ecshop 批量上传(加入自定义属性)
2012/03/20 PHP
使用PHP静态变量当缓存的方法
2013/11/13 PHP
CodeIgniter输出中文乱码的两种解决办法
2014/06/12 PHP
PHP中的socket_read和socket_recv区别详解
2015/02/09 PHP
PHP读取文本文件并逐行输出该行使用最多的字符与对应次数的方法
2016/11/25 PHP
thinkPHP5.0框架简单配置作用域的方法
2017/03/17 PHP
PHP使用正则表达式实现过滤非法字符串功能示例
2018/06/04 PHP
Nigma vs Liquid BO3 第一场2.13
2021/03/10 DOTA
JavaScript下申明对象的几种方法小结
2008/10/02 Javascript
Prototype的Class.create函数解析
2011/09/22 Javascript
JQuery实现防止退格键返回的方法
2015/02/12 Javascript
AngularJs学习第八篇 过滤器filter创建
2016/06/08 Javascript
基于Turn.js 实现翻书效果实例解析
2016/06/20 Javascript
vue-cli webpack 引入jquery的方法
2018/01/10 jQuery
使用 vue.js 构建大型单页应用
2018/02/10 Javascript
详解js模板引擎art template数组渲染的方法
2018/10/09 Javascript
微信小程序中的店铺评分组件及vue中用svg实现的评分显示组件
2018/11/16 Javascript
JS实现的字符串数组去重功能小结
2019/06/17 Javascript
详解json串反转义(消除反斜杠)
2019/08/12 Javascript
countup.js实现数字动态叠加效果
2019/10/17 Javascript
在node环境下parse Smarty模板的使用示例代码
2019/11/15 Javascript
vue data有值,但是页面{{}} 取不到值的解决
2020/11/09 Javascript
Python实现钉钉发送报警消息的方法
2019/02/20 Python
对Django 中request.get和request.post的区别详解
2019/08/12 Python
详解HTML5中的元素与元素
2015/08/17 HTML / CSS
解析html5 canvas实现背景鼠标连线动态效果代码
2019/06/17 HTML / CSS
详解如何使用rem或viewport进行移动端适配
2020/08/14 HTML / CSS
Opodo英国旅游网站:预订廉价航班、酒店和汽车租赁
2018/07/14 全球购物
JAKO-O德国野酷台湾站:德国首屈一指的婴幼童用品品牌
2019/01/14 全球购物
人民教师的自我评价分享
2014/02/21 职场文书
大学生活动总结怎么写
2014/04/29 职场文书
大跃进口号
2014/06/16 职场文书
灵山大佛导游词
2015/02/04 职场文书
Html5新增了哪些功能
2021/04/16 HTML / CSS
HTML基础详解(下)
2021/10/16 HTML / CSS