uni-app全局配置_tabBar

pages.json 文件用来对 uni-app 进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等。

它类似微信小程序中app.json的页面管理部分

如果应用是一个多 tab 应用，可以通过 tabBar 配置项指定一级导航栏，以及 tab 切换时显示的对应页

Tips

• 当设置 position 为 top 时，将不会显示 icon
• tabBar 中的 list 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序
• tabbar 切换第一次加载时可能渲染不及时，可以在每个tabbar页面的onLoad生命周期里先弹出一个等待雪花
• tabbar 的页面展现过一次后就保留在内存中，再次切换 tabbar 页面，只会触发每个页面的onShow，不会再触发onLoad
• 顶部的 tabbar 目前仅微信小程序上支持

xxxxxxxxxx
"tabBar": {
    "color":"#8a8a8a",          // tab 上的文字默认颜色
    "selectedColor":"#ff0000",  // tab 上的文字选中时的颜色
    "backgroundColor":"#ffffff",// tab 的背景色
    "borderStyle":"black",      // tabbar 上边框的颜色，可选值 black/white，也支持其他颜色值
    "position":"bottom",        // 可选值 bottom、top
    "fontSize":"10px",          // 文字默认大小
    "iconWidth":"24px",         // 图标默认宽度（高度等比例缩放）
    "spacing":"3px",            // 图标和文字的间距
    "height":"50px",            // tabBar 默认高度
    "list":[
        {
            "pagePath":"pages/index/index",
            "text":"首页",
            "iconPath":"static/home.png",
            "selectedIconPath": "static/home_select.png"
        },
        {
            "pagePath":"pages/cart/cart",
            "text":"购物车",
            "iconPath":"static/other.png",
            "selectedIconPath": "static/other_select.png"
        },
        {
            "pagePath":"pages/user/user",
            "text":"我的",
            "iconPath":"static/authorization.png",
            "selectedIconPath": "static/authorization_select.png"
        }
    ]
}

实时效果反馈

1. uni-app项目中设置底部tabBar，下列那个属性决定tab 的列表：

A position

B list

C selectedColor

D borderStyle

答案

1=>B