微信小程序01:底部菜单(tabBar)
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序01:底部菜单(tabBar)相关的知识,希望对你有一定的参考价值。
参考技术A tips:1.小程序底部菜单标签个数不少于2个,最多不超过5个。
2.可以在 阿里巴巴矢量图标库 找到你需要的图标。
3.小程序建议图标大小为81*81px
我这边选择的是64尺寸的png图片,每一个图标选择两种颜色,分别对应未选中状态和选中状态,具体按照你们设计项目进行
tips:
1.建立项目图片文件夹:images
2.在pages中建立相对应的菜单栏目文件夹
3.配置app.json: tabBar配置
1.app.json中,"window":和"tabBar":是同级
2. 全局配置
3. 设置tabbar地址:wx.setTabBarBadge(Object object)
WeChat-SmallProgram++:微信小程序自定义底部tabbar
1):实现效果: 2):实现原理:自定义tabBar微信开放文档 3):实现步骤 在 app.json 中的 tabBar 项指定 custom 字段,同时其余 tabBar 相关配置也补充完整。 "tabBar": "custom": true, "color": "#39b54a", "se
以上是关于微信小程序01:底部菜单(tabBar)的主要内容,如果未能解决你的问题,请参考以下文章