微信小程序API tabBar

wx.showTabBarRedDot(Object object)

基礎(chǔ)庫 1.9.0 開始支持，低版本需做兼容處理。

顯示 tabBar 某一項(xiàng)的右上角的紅點(diǎn)

參數(shù)

Object object

wx.showTabBar(Object object)

基礎(chǔ)庫 1.9.0 開始支持，低版本需做兼容處理。

顯示 tabBar

參數(shù)

Object object

wx.setTabBarStyle(Object object)

基礎(chǔ)庫 1.9.0 開始支持，低版本需做兼容處理。

動態(tài)設(shè)置 tabBar 的整體樣式

參數(shù)

Object object

示例代碼

wx.setTabBarStyle({
  color: '#FF0000',
  selectedColor: '#00FF00',
  backgroundColor: '#0000FF',
  borderStyle: 'white'
})

wx.setTabBarItem(Object object)

基礎(chǔ)庫 1.9.0 開始支持，低版本需做兼容處理。

動態(tài)設(shè)置 tabBar 某一項(xiàng)的內(nèi)容，2.7.0 起圖片支持臨時文件和網(wǎng)絡(luò)文件。

參數(shù)

Object object

示例代碼

wx.setTabBarItem({
  index: 0,
  text: 'text',
  iconPath: '/path/to/iconPath',
  selectedIconPath: '/path/to/selectedIconPath'
})

wx.setTabBarBadge(Object object)

基礎(chǔ)庫 1.9.0 開始支持，低版本需做兼容處理。

為 tabBar 某一項(xiàng)的右上角添加文本

參數(shù)

Object object

示例代碼

wx.setTabBarBadge({
  index: 0,
  text: '1'
})

wx.removeTabBarBadge(Object object)

基礎(chǔ)庫 1.9.0 開始支持，低版本需做兼容處理。

移除 tabBar 某一項(xiàng)右上角的文本

參數(shù)

Object object

wx.hideTabBarRedDot(Object object)

基礎(chǔ)庫 1.9.0 開始支持，低版本需做兼容處理。

隱藏 tabBar 某一項(xiàng)的右上角的紅點(diǎn)

參數(shù)

Object object

wx.hideTabBar(Object object)

基礎(chǔ)庫 1.9.0 開始支持，低版本需做兼容處理。

隱藏 tabBar

參數(shù)

Object object