小程序动态设置 tabBar 的整体样式wx.setTabBarStyle
wx.setTabBarStyle(Object object)
动态设置 tabBar 的整体样式
参数
Object object
属性 类型 默认值 必填 说明
color string 否 tab 上的文字默认颜色，HexColor
selectedColor string 否 tab 上的文字选中时的颜色，HexColor
backgroundColor string 否 tab 的背景色，HexColor
borderStyle string 否 tabBar上边框的颜色， 仅支持 black/white
success function 否 接口调用成功的回调函数
fail function 否 接口调用失败的回调函数
complete function 否 接口调用结束的回调函数（调用成功、失败都会执行）
示例代码
wx.setTabBarStyle({
color: '#FF0000',
selectedColor: '#00FF00',
backgroundColor: '#0000FF',
borderStyle: 'white'
})
动态设置 tabBar 的整体样式
参数
Object object
属性 类型 默认值 必填 说明
color string 否 tab 上的文字默认颜色，HexColor
selectedColor string 否 tab 上的文字选中时的颜色，HexColor
backgroundColor string 否 tab 的背景色，HexColor
borderStyle string 否 tabBar上边框的颜色， 仅支持 black/white
success function 否 接口调用成功的回调函数
fail function 否 接口调用失败的回调函数
complete function 否 接口调用结束的回调函数（调用成功、失败都会执行）
示例代码
wx.setTabBarStyle({
color: '#FF0000',
selectedColor: '#00FF00',
backgroundColor: '#0000FF',
borderStyle: 'white'
})
- 作者：华体会体育2串1
来源：华体会体育2串1
- 发布时间：2025-04-05 阅读：8
- 扫一扫 分享悦读
- 小程序动态设置 tabBar 某一项的内容wx.setTabBarItem
- wx.setTabBarItem(Object object)动态设置 tabBar 某一项的内容，2.7.0 起图片支持临时文件和网络文件。
- 04-05 关注：0
- 小程序动态设置 tabBar 的整体样式wx.setTabBarStyle
- wx.setTabBarStyle(Object object)
- 04-05 关注：0
- 小程序显示 tabBar wx.showTabBar
- wx.showTabBar(Object object)
- 04-05 关注：0
- 小程序tabBar右上角显示红点wx.showTabBarRedDot
- wx.showTabBarRedDot(Object object)
- 04-05 关注：0
- 小程序动态设置窗口的背景色wx.setBackgroundColor
- wx.setBackgroundColor(Object object)
- 04-04 关注：3
- 小程序动态设置下拉背景字体、loading 图的样式wx.setBackground
- 动态设置下拉背景字体、loading 图的样式
- 04-04 关注：3
- 小程序隐藏返回首页按钮wx.hideHomeButton
- wx.hideHomeButton(Object object)
- 04-04 关注：2
- 小程序隐藏导航条加载动画wx.hideNavigationBarLoading
- wx.hideNavigationBarLoading(Object object)
- 04-04 关注：2