在 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": "我的" } ] },
预览效果如下