【uniapp】uniapp的安卓apk图标角标设置消息数量

1、主要方法:

设置角标:
plus.runtime.setBadgeNumber(999)
清除角标:
//plus.runtime.setBadgeNumber(0)//没有效果
plus.runtime.setBadgeNumber(-1) //有效果

2、使用在具体的生命周期

1、打开app获取角标数量
2、关闭app获取角标数量
3、非登入和退出登入获取角标数量
在App.vue中:

<script>
	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)
			}
			
		}
	}
</script>
<style>
	.container {
		width: 100vw;
		height: 86.5vh;
	}
</style>

3、注意事项

1、记得加上一下内容,限制在app中生效,不然在网页测试会plus报错

// #ifdef APP-PLUS
// #endif 

2、打包发布后根据提示去uniapp官网按流程处理相关配置就行
3、非外网使用1.0版本就行
4、清除角标plus.runtime.setBadgeNumber(0)不生效,因此我采用了传-1

相关推荐

  1. 【uniapp】uniappapk图标设置消息数量

    2024-03-17 09:24:02       17 阅读
  2. APP开发:为了安全设计

    2024-03-17 09:24:02       15 阅读
  3. 手机APP开发___设置闹钟

    2024-03-17 09:24:02       8 阅读
  4. apk逆向

    2024-03-17 09:24:02       48 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-03-17 09:24:02       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-17 09:24:02       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-17 09:24:02       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-17 09:24:02       18 阅读

热门阅读

  1. 有向图的DFS(c++题解)

    2024-03-17 09:24:02       19 阅读
  2. three.js工厂点击动画、标签

    2024-03-17 09:24:02       23 阅读
  3. 贝叶斯定理,先验信念,似然,后验概率

    2024-03-17 09:24:02       27 阅读
  4. Hadoop基础架构及其特点解析

    2024-03-17 09:24:02       18 阅读
  5. C#编程语言在软件开发中的深度应用与实践

    2024-03-17 09:24:02       20 阅读
  6. C语言初阶测试

    2024-03-17 09:24:02       20 阅读
  7. DNS服务

    DNS服务

    2024-03-17 09:24:02      19 阅读
  8. Json格式解析

    2024-03-17 09:24:02       20 阅读
  9. [小程序开发] 构造页面

    2024-03-17 09:24:02       18 阅读
  10. React/RN组件避免重复渲染的一些技巧

    2024-03-17 09:24:02       19 阅读