小程序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:''//选中的图标路径

})

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。