博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序--TabBar不出现
阅读量:5086 次
发布时间:2019-06-13

本文共 1952 字,大约阅读时间需要 6 分钟。

今天打算开始实战一个微信小程序项目,一开始就踩坑了,正确设置了TabBar,但是TabBar就是不能显示出来,后面才找到原因,这里记录下:

app.json正确代码:

{  "pages":[    "pages/index/index",     "pages/leader/leader",        "pages/leader/stories/stories",     "pages/leader/authors/authors",     "pages/stack/stack",    "pages/stack/booklist/booklist",     "pages/stack/booklist/bookdetail/bookdetail",    "pages/bookdesk/bookdesk",     "pages/mine/mine",    "pages/mine/news/news",        "pages/logs/logs"   ],  "window":{    "backgroundTextStyle":"light",    "navigationBarBackgroundColor": "#fff",    "navigationBarTitleText": "网易蜗牛读书",    "navigationBarTextStyle":"black"  },  "tabBar":{    "color":"#999999",    "selectedColor":"#444444",    "backgroungColor":"#ffffff",    "borderStyle":"#e0e0e0",    "list": [      {        "pagePath":"pages/leader/leader",        "iconPath": "assets/icons/lingdu.png",        "selectedIconPath": "assets/icons/lingdu_sel.png",        "text":"领读"      },      {        "pagePath":"pages/stack/stack",        "iconPath": "assets/icons/stack.png",        "selectedIconPath": "assets/icons/stack_sel.png",        "text":"分类"      },      {        "pagePath": "pages/bookdesk/bookdesk",        "iconPath": "assets/icons/bookdesk.png",        "selectedIconPath": "assets/icons/bookdesk_sel.png",        "text":"书桌"      },      {        "pagePath":"pages/mine/mine",        "iconPath": "assets/icons/mine.png",        "selectedIconPath": "assets/icons/mine_sel.png",        "text":"我的"      }    ]  }}

这里注意显示解决有两种方式:

1.pages里的首个页面必须在list数组里有配置,所以在lists数组里加一个字典对象即可。

{        "pagePath":"pages/index/index",        "iconPath": "assets/icons/index.png",        "selectedIconPath": "assets/icons/index_sel.png",        "text":"首页" }

但是我的TabBar又不想有这个item显示,这里看第二种解决办法。

2.pages数组的第一项必须是tabBar的list数组的一员:

这里有个疑惑:

百度了解决方法,显示将list数组加了index的模块item,后面不想要index模块在TabBar显示,然后又删除再运行,问题就解决了,也没有设置pages数组的第一项必须是tabBar的list数组的一员。

解决了就好,知道的大神可以留言告诉我哟!

转载于:https://www.cnblogs.com/pengsi/p/8249719.html

你可能感兴趣的文章
Mysql与Oracle 的对比
查看>>
jquery实现限制textarea输入字数
查看>>
Codeforces 719B Anatoly and Cockroaches
查看>>
jenkins常用插件汇总
查看>>
c# 泛型+反射
查看>>
第九章 前后查找
查看>>
Python学习资料
查看>>
jQuery 自定义函数
查看>>
jquery datagrid 后台获取datatable处理成正确的json字符串
查看>>
ActiveMQ与spring整合
查看>>
web服务器
查看>>
第一阶段冲刺06
查看>>
EOS生产区块:解析插件producer_plugin
查看>>
JS取得绝对路径
查看>>
排球积分程序(三)——模型类的设计
查看>>
HDU 4635 Strongly connected
查看>>
ASP.NET/C#获取文章中图片的地址
查看>>
Spring MVC 入门(二)
查看>>
格式化输出数字和时间
查看>>
页面中公用的全选按钮,单选按钮组件的编写
查看>>