小程序设置tabBar选中颜色和图标

最新推荐文章于 2024-06-19 10:25:17 发布

转载最新推荐文章于 2024-06-19 10:25:17 发布 · 2.6k 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/linjiangxian/p/11457456.html

文章标签：

#javascript #ViewUI

本文详细解析了小程序中TabBar的配置方法，包括颜色设置、页面路径、文字、图标及选中图标等关键属性，为开发者提供清晰的指引。

"tabBar": {

　　"selectedColor": "#4da9ff", //颜色

　　"list": [{

　　　　"pagePath": "homepage/homepage/homepage",

　　　　"text": "首页",

　　　　"iconPath": "images/homepage_off.png",

　　　　"selectedIconPath": "images/homepage_on.png" //选中图标

　　},

　　{

　　　　"pagePath": "recruit/recruit/recruit",

　　　　"text": "招聘项目",

　　　　"iconPath": "images/recruit_off.png",

　　　　"selectedIconPath": "images/recruit_on.png"

　　},

　　{

　　　　"pagePath": "person/person/person",

　　　　"text": "个人中心",

　　　　"iconPath": "images/person_off.png",

　　　　"selectedIconPath": "images/person_on.png"

　　}]

}