3.5搭建项⽬tabbar结构

1. 在项目中新建一个icons文件夹

2. 存放tabbar的图片

3.5搭建项⽬tabbar结构

 

 

 3. 在app.json中添加 与"windows" 同层级的"tabBar",并配置内容

 1 "tabBar": { 
 2    "color": "#999",          // 文字颜色
 3      "selectedColor": "ff2d4a",    //被选中时的颜色
 4      "backgroundColor": "#fafafa", // 图标背景颜色
 5      "position": "bottom",       //tabbar显示位置
 6      "borderStyle": "black",  
 7      "list": [
 8        {
 9            "pagePath": "pages/index/index",               // 页面路径
10            "text": "首页",                                 // 文字
11            "iconPath": "icons/home.png",                  //图标路径
12            "selectedIconPath": "icons/home-o.png"         //被选中时图标路径
13        }
14     ]
15 } 

 

上一篇:Vue 点击切换tabbar请求不同数据


下一篇:uni-app自定义底部tabBar导航