【uniapp】uniapp的安卓apk图标角标设置消息数量
1、主要方法:
设置角标:
plus.runtime.setBadgeNumber(999)
清除角标:
//plus.runtime.setBadgeNumber(0)//没有效果
plus.runtime.setBadgeNumber(-1) //有效果
2、使用在具体的生命周期
1、打开app获取角标数量
2、关闭app获取角标数量
3、非登入和退出登入获取角标数量
在App.vue中:
export default { onLaunch: function() { console.warn('当前组件仅支持 uni_modules 目录结构 ,请升级 HBuilderX 到 3.1.0 版本以上!') console.log('App Launch') // #ifdef APP-PLUS // #endif }, onShow: function() { console.log('App Show') // #ifdef APP-PLUS this.getList(); // #endif }, onHide: function() { console.log('App Hide') // #ifdef APP-PLUS this.getList(); // #endif }, methods:{ getList() { const token = uni.getStorageSync('token') || false //是否在登入状态(看自己代码检测登入状态的判断方式) if (uni.getStorageSync('token') && token) { let Info = uni.getStorageSync('userInfo') let obj = { noticeUser: Info.userId, } //获取当前账号接收的未读消息数量(角标要展示的数量) this.request({ url: '/message/listCount', method: 'get', params: obj }).then(res => { this.list = res.data let num = 0 res.data.forEach(item => { num += item.num }) if(num>0){ this.setBadge(num) }else{ this.clearBadge() } }).catch(error => { this.clearBadge() console.log('失败', error); }) }else{ //未登入状态清空 this.clearBadge() } }, //设置角标 setBadge(num){ plus.runtime.setBadgeNumber(num) }, //清除角标 clearBadge(){ plus.runtime.setBadgeNumber(-1) } } } .container { width: 100vw; height: 86.5vh; }
3、注意事项
1、记得加上一下内容,限制在app中生效,不然在网页测试会plus报错
// #ifdef APP-PLUS // #endif
2、打包发布后根据提示去uniapp官网按流程处理相关配置就行
3、非外网index.php/tags-602.html" class="superseo">使用1.0版本就行
4、清除角标plus.runtime.setBadgeNumber(0)不生效,因此我采用了传-1
免责声明:我们致力于保护作者版权,注重分享,被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理!
部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理!
图片声明:本站部分配图来自人工智能系统AI生成,觅知网授权图片,PxHere摄影无版权图库和百度,360,搜狗等多加搜索引擎自动关键词搜索配图,如有侵权的图片,请第一时间联系我们,邮箱:ciyunidc@ciyunshuju.com。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!