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

Question

Answer 1

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

同学你好，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 导航图标下方文字 ，

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