开发者社区
社区提问意见反馈
开发者钉组织
扫描二维码
加入支付宝开发者钉组织
文档中心
凯发app官方网站的技术支持 & 案例 faq 
支付宝小程序
案例分析
sdk & demo下载
常见问题
常用工具
iot小程序
运维保障
小程序 > 支付宝小程序 > 案例分析 > 小程序tabbar页面如何透出消息提示
贡献者
收藏
我的文档
设置
场景说明
小程序应用中 tab凯发k8官方网娱乐官方主页在有新内容或者信息需要提醒用户查看时,如何实现子 tab 按钮上提醒用户,目前小程序提供 my.settabbarbadgemy.removetabbarbadgemy.showtabbarreddotmy.hidetabbarreddot 用于设置标签页(tabbar)某一项的右上角消息条数的红点提醒实现。 
使用限制
基础库 或更高版本;支付宝客户端 10.1.32 或更高版本,若版本较低,建议采取 兼容处理
ide 模拟器 1.13 及以上版本支持该接口调用。 
tabbar信息红点提示方案
通过 my.showtabbarreddotmy.hidetabbarreddot 的结合使用,达到给与用户在 tabbar 中的提示及查看后的隐藏效果。 
tabbar 部分代码
json
复制代码
// app.json配置信息
{\t"tabbar": {
"textcolor": "#dddddd",
"selectedcolor": "#49a9ee",
"backgroundcolor": "#ffffff",
"items": [
{
"pagepath": "pages/index/index",
"name": "凯发k8官方网娱乐官方首页"
},
{
"pagepath": "pages/index2/index2",
"name": "日志"
}
]
}}
app.js 中的状态部分代码
index.js 中部分代码
显示效果图

提示信息并显示信息数量方式
通过 my.settabbarbadgemy.removetabbarbadge 的结合使用,提示用户信息且显示对应的信息简数。
示例代码
index.js 信息
显示效果图

常见问题
tabbar常见问题
内容没有解决您的问题?您还可以前往 或 寻求帮助
凯发k8官方网娱乐官方 copyright © 2022 支付宝(杭州)信息技术有限公司  | icp证浙b2-20160559
该文档对你是否有帮助?
当前页面目录