小程序的tabbar怎么修改样式啊 我的图标怎么那么大啊 看着好怪 怎么设置小啊
来源:8-2 首页搜索组件功能开发
慕神2393367
2020-08-24
写回答
1回答
-
扬_灵
2020-08-25
同学你好,tabbar是在项目根目录中的配置文件 app.json 中进行设置的。例如:
"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 导航图标下方文字 ,如果不能解决你的问题,可以继续追问。
00
相似问题