微信小程序tabbar设置样式在哪里改

时间：2021-11-22 04:55:18

　　微信小程序tabbar通俗点说就是底部导航，我们一般会配置相关的菜单，方便读者快速导航。tabbar是在项目根目录中的配置文件 app.json 中进行设置；如果小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。tips：当设置 position 为 top 时，将不会显示 icon； tabBar 中的 list 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。

微信小程序tabbar设置样式在哪里改

　"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 导航图标下方文字

相关文章