解释:为 tabBar 某一项的右上角添加文本,可以使用底部标签栏徽标(TabBarBadge)进行提示,告知用户对应的标签页中有内容更新。
为江城等地区用户提供了全套网页设计制作服务,及江城网站建设行业解决方案。主营业务为网站设计制作、成都网站设计、江城网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
Object object
属性名 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
index |
Number |
是 |
tabBar 的哪一项,从左边算起 |
|
text |
String |
是 |
显示的文本,超过 3 个字符则显示成 “……” |
|
success |
Function |
否 |
接口调用成功的回调函数 |
|
fail |
Function |
否 |
接口调用失败的回调函数 |
|
complete |
Function |
否 |
接口调用结束的回调函数(调用成功、失败都会执行) |
跳转编辑工具
在开发者工具中打开
在 WEB IDE 中打开
扫码体验
代码示例
请使用百度APP扫码
{{ !hasSetTabBarBadge ? '设置tab徽标' : '移除tab徽标' }}
设计指南
不建议底部标签栏同时出现多个徽标或红点;用户查看更新内容后,应即时移除徽标和红点。
徽标文本(text)不能超过 3 个字符(中文、字母或数字),否则将显示错误。
错误
多个飘新同时出现,导致用户注意力被分散。
错误
徽标文本设置为数字1000,显示成“…”。
错误码 | 说明 |
---|---|
1001 |
执行失败 |
错误码 | 说明 |
---|---|
202 |
解析失败,请检查参数是否正确 |
1001 |
当前页面不含 tabbar |
网页标题:创新互联百度小程序教程:swan.setTabBarBadge
转载来于:http://www.shufengxianlan.com/qtweb/news44/252844.html
网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联