大學生新聞網，大學生新聞發布平臺
小程序動態設置 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'
})
- 作者：大學生新聞網 來源：大學生新聞網
- 發布時間：2025-04-05 閱讀：
- 掃一掃 分享悅讀
- 小程序動態設置 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
-
客服QQ：471708534 大學生新聞網©版權所有