百度智能小程序 顯示右上角的紅點

2020-09-05 14:10 更新

swan.showTabBarRedDot

解釋:顯示 tabBar 某一項的右上角的紅點,可以使用底部標簽欄紅點(TabBarRedDot)進行提示,告知用戶對應的標簽頁中有內容更新。

方法參數

Object object

object參數說明

屬性名類型必填默認值說明

index

Number

tabBar 的哪一項,從左邊算起

success

Function

接口調用成功的回調函數

fail

Function

接口調用失敗的回調函數

complete

Function

接口調用結束的回調函數(調用成功、失敗都會執(zhí)行)

示例 

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



圖片示例



代碼示例

<view class="wrap">
   <button type="primary" bindtap="showTabBarRedDot">
   {{ !hasShownTabBarRedDot ?  '顯示紅點' : '移除紅點'}}
   </button>
</view>
Page({
    showTabBarRedDot() {
        if (this.data.hasShownTabBarRedDot) {
            this.hideTabBarRedDot()
            return
        }
        this.setData({
            hasShownTabBarRedDot: true
        })
        swan.showTabBarRedDot({
            index: 1
        })
    },

    hideTabBarRedDot() {
        this.setData({
            hasShownTabBarRedDot: false
        })
        swan.hideTabBarRedDot({
            index: 1
        })
    }
});

錯誤碼

Android

錯誤碼說明

1001

執(zhí)行失敗

iOS

錯誤碼說明

202

解析失敗,請檢查參數是否正確。

1001

當前頁面不含 tabbar


以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號