小程序从入门到到开发
#微信小程序TabBar的使用
找到项目根目录中的配置文件 app.json 加入如下配置信息
"tabBar": { "color": "#B0B0B0", "selectedColor": "#FF4544", "list": [ { "pagePath": "pages/index/index", "text": "商城", "iconPath": "/assets/tabbar/tabbar1.png", "selectedIconPath": "/assets/tabbar/tabbar1_b.png" }, { "pagePath": "pages/member/member", "text": "会员", "iconPath": "/assets/tabbar/tabbar2.png", "selectedIconPath": "/assets/tabbar/tabbar2_b.png" }, { "pagePath": "pages/cart/cart", "text": "购物车", "iconPath": "/assets/tabbar/tabbar3.png", "selectedIconPath": "/assets/tabbar/tabbar3_b.png" }, { "pagePath": "pages/user/user", "text": "我", "iconPath": "/assets/tabbar/tabbar4.png", "selectedIconPath": "/assets/tabbar/tabbar4_b.png" } ] }
123456789101112131415161718192021222324252627282930属性的解释
tabBar 指底部的 导航配置属性 color 未选择时 底部导航文字的颜色 selectedColor 点击时 底部导航文字的颜色 borderStyle 底部导航边框的样色（注意 这里如果没有写入样式 会导致 导航框上边框会出现默认的浅灰色线条） list 导航配置数组 selectedIconPath 选中时 图标路径 iconPath 未选择时 图标路径 pagePath 页面访问地址 text 导航图标下方文字
1234567891011121314151617注意：现在tabbar用的是固定tabbar，其中图标地址只能是字符串，不能用变量代替
扫码回复 “前端” 获取私密资源
相关知识
徐州小程序开发
宠物小程序开发教程
宠物医院小程序开发定制
宠物社交小程序开发
宠物小程序定制开发
宠物领养APP开发宠物领养小程序开发
上海小程序开发，上海宠物相亲交流小程序开发，满足养宠人士需求
品质生活，从宠物健康开始，宠物商城小程序开发值得拥有！
宠物预约小程序 线上活动预约小程序 宠物商城小程序 定制开发
宠物医院预约系统小程序开发
网址: 小程序从入门到到开发 https://m.mcbbbk.com/newsview460202.html
| 上一篇: 南京小区惊现巨型蛇皮：居民恐慌背 |
下一篇: 博州将宠物医院纳入辐射安全监管 |
