小程序tabbar

1.tabbar右上角购物车数量展示

wx.setTabBarBadge({

index:1,//tabbar的下标

text:''//要写入的内容     ***text要使用字符串形式

})

官方文档暂不支持更改右上角数字标样式  留坑待填

2.是否显示tabbar右上角红点

showTabBarRedDot

3显示隐藏tabbar

wx.showTabBar()   wx.hideTabBar();

animation/success./fail/complete

4.样式设置

color selectorColor backgroundColor borderStyle  支持16进制颜色值

borderStyle tabbar 顶部边框的颜色

"tabBar": {

        "color": "#333",

        "selectedColor": "#051878",

        "backgroundColor":"#fff",

        "list": []

}

5动态设置每一个

wx.setTabBarItem({

index:1,//第几个tabbar

text:''//按钮上的文字

iconPath:''//图标路径

selectedIconPath:''//选中的图标路径

})

你可能感兴趣的:(小程序tabbar)