百度智能小程序 显示右上角的红点

2020-09-05 14:10 更新

swan.showTabBarRedDot

解释:显示 tabBar 某一项的右上角的红点,可以使用底部标签栏红点(TabBarRedDot)进行提示,告知用户对应的标签页中有内容更新。

方法参数

Object object

object参数说明

属性名类型必填默认值说明

index

Number

tabBar 的哪一项,从左边算起

success

Function

接口调用成功的回调函数

fail

Function

接口调用失败的回调函数

complete

Function

接口调用结束的回调函数(调用成功、失败都会执行)

示例 

在开发者工具中打开



图片示例



代码示例

<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

执行失败

iOS

错误码说明

202

解析失败,请检查参数是否正确。

1001

当前页面不含 tabbar


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号