小程序的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 导航图标下方文字 ,

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

0
0

零基础入门 实战mpvue2.0多端小程序框架

mpvue,一套代码搞定多个平台小程序,前端更易上手

819 学习 · 647 问题

查看课程