在 static 文件夹中新建文件夹 tabBar,放入标签图片
源素材如下:
在 pages.json 中添加
// 底部导航
"tabBar": {
// tab默认文字颜色
"color": "#bfbfbf",
// tab选中后的文字颜色
"selectedColor": "#153c65",
// 底栏列表
"list": [{
// tab默认图标路径
"iconPath": "static/tabBar/tabBar_index_default.png",
// tab选中后的图标路径
"selectedIconPath": "static/tabBar/tabBar_index_selected.png",
// tab跳转的页面路径
"pagePath": "pages/index/index",
// tab文字
"text": "首页"
},
{
"iconPath": "static/tabBar/tabBar_me_default.png",
"selectedIconPath": "static/tabBar/tabBar_me_selected.png",
"pagePath": "pages/me/me",
"text": "我的"
}
]
},
预览效果如下