小程序的tabbar怎么修改样式啊 我的图标怎么那么大啊 看着好怪 怎么设置小啊

Question

Answer 1

扬_灵 2020-08-25 08:56:50

同学你好，tabbar是在项目根目录中的配置文件 app.json 中进行设置的。例如：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

"tabBar": {    "color": "#a9b7b7",    "selectedColor": "#11cd6e",    "borderStyle":"black", 　"backgroundColor": "#ffffff",    "list": [{      "selectedIconPath": "images/111.png",      "iconPath": "images/11.png",      "pagePath": "pages/index/index",      "text": "首页"    }, {      "selectedIconPath": "images/221.png",      "iconPath": "images/22.png",      "pagePath": "pages/logs/logs",      "text": "日志"    }]  }

tabBar 指底部的 导航配置属性
color 未选择时 底部导航文字的颜色
selectedColor 选择时 底部导航文字的颜色
borderStyle 底部导航边框的颜色（注意：tabbar上边框的颜色， 仅支持 black/white，默认值是black）
list 导航配置数组
selectedIconPath 选中时 图标路径
iconPath 未选中时 图标路径
pagePath 页面访问地址
text 导航图标下方文字 ，

如果不能解决你的问题，可以继续追问。