百度智能小程序 動(dòng)態(tài)設(shè)置內(nèi)容

2020-09-05 14:10 更新

swan.setTabBarItem

解釋:動(dòng)態(tài)設(shè)置 tabBar 某一項(xiàng)的內(nèi)容

方法參數(shù)

Object object

object參數(shù)說明

屬性名 類型 必填 默認(rèn)值 說明

index

Number

tabBar 的哪一項(xiàng),從左邊算起。

text

String

tab 上按鈕文字

iconPath

String

圖片絕對(duì)路徑,icon 大小限制為 40KB,建議尺寸為 81px * 81px,當(dāng) position 為 top 時(shí),此參數(shù)無效,不支持網(wǎng)絡(luò)圖片。

selectedIconPath

String

選中時(shí)的圖片的絕對(duì)路徑,icon 大小限制為 40KB,建議尺寸為 81px * 81px ,當(dāng)position為 top 時(shí),此參數(shù)無效。

success

Function

接口調(diào)用成功的回調(diào)函數(shù)

fail

Function

接口調(diào)用失敗的回調(diào)函數(shù)

complete

Function

接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功、失敗都會(huì)執(zhí)行)


示例



圖片示例

代碼示例 1 - 基本示例 

在開發(fā)者工具中打開

<view class="wrap">
    <button type="primary" bindtap="customItem">
    {{ !hasCustomedItem ? '自定義Tab信息' : '移除自定義信息' }}
    </button>
</view>

代碼示例 2 - 切換 tab 時(shí)變化文案 

在開發(fā)者工具中打開

Page({
    onTabItemTap(item) {
        console.log('點(diǎn)擊第幾項(xiàng)', item.index);
        if (item.index == 1) {
            this.setTabBarItem(item.index)
        }
        console.log('點(diǎn)擊tab對(duì)應(yīng)的路徑', item.pagePath);
        console.log('點(diǎn)擊tab對(duì)應(yīng)的文本', item.text);
    },
    setTabBarItem(index) {
        swan.setTabBarItem({
            index: index,
            text: '替換文本',
            iconPath: '/images/component_normal.png',
            selectedIconPath: '/images/component_selected.png',
            success: () => {
                console.log('setTabBarItem success');
            },
            fail: err => {
                console.log('setTabBarItem fail', err);
            }
        });
    }
    // 如需更多自定義底部tabBar樣式,請(qǐng)參考swan.setTabBarStyle示例(https://smartprogram.baidu.com/docs/develop/api/show/tabbar_swan-setTabBarStyle/)
});

錯(cuò)誤碼

Android

錯(cuò)誤碼說明

1001

執(zhí)行失敗

iOS

錯(cuò)誤碼說明

202

解析失敗,請(qǐng)檢查參數(shù)是否正確。

1002

超過 icon 文件最大值


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)