uniApp - tabbar的设置

原生小程序的tabbar和uniApp里的tabbar绝大多数属性是一致的,但是uniApp里可能会有更多的属性设置。

在 pages.json 页面,写一个 tabBar 属性,属性值是我们定义的 tabbar

"tabBar": {
    "color":"#2c2c2c",   // 默认字体颜色
    "selectedColor":"#d81e06",   // 选中后字体颜色
    "borderStyle":"white",   // 边框颜色
    "backgroundColor":"#ffffff",  // 背景颜色
    // list中最少两个对象,最多5个对象
    "list":[{
            "pagePath": "pages/index/index",   // 页面路径
            "iconPath":"static/images/tabbar/home.png",  // tabbar图标
            "selectedIconPath":"static/images/tabbar/home-selected.png",//选中当前tabbar图标
            "text":"首页",   // 文字
            },
            {
            "pagePath":"pages/categories/categories",
            "iconPath":"static/images/tabbar/categories.png",
            "selectedIconPath":"static/images/tabbar/categories-selected.png",
            "text":"分类"
            }
    }]
}

  • 7
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值