設置App桌面圖標上顯示的角標數字

原文微信搜公共號 酒酒酒酒  查看 設置App桌面圖標上顯示的角標數字

掃描查看原文：

 

前言：

使用uni-app開發蘋果應用App和安卓應用App，已經有一年半的時間了，期間一直在記錄自己遇到的坑，和對知識的整理，最近有童鞋問到數字角標，那么今天就補發一下吧 

前置條件:

1. 開發環境：windows

2. 開發框架：uni-app , H5+，nativeJS

3. 編輯器：HbuilderX

4. 兼容版本：安卓已作測試，IOS已測試

正文：

1.  首先需要使用到 nativeJS 提供的API: 

plus.runtime.setBadgeNumber(number, options);

2. 代碼：

Tips: 此代碼可以直接復制到使用，無需更改

// #ifdef APP-PLUS
plus.runtime.setBadgeNumber(99);
// #endif

2.1 為了防止運行到瀏覽器會報錯，增加了條件渲染// #ifdef APP-PLUS ，此條件渲染可以讓代碼只在APP內運行　　

3.文檔地址：

https://www.html5plus.org/doc/zh_cn/runtime.html#plus.runtime.setBadgeNumber

4. API :  

plus.runtime.setBadgeNumber(number, options);

參數：

• number: ( Number ) 必選

  要顯示的角標數字值，參數為0則表示清除角標數字。

• options: ( BadgeOptions ) 可選

  小米手機顯示角標需要在系統消息中心顯示一條通知，此參數用於設置通知的標題（title）和內容（content）。

平台支持：

• Android - 2.2+ (支持) :

  目前僅支持小米(MIUI6及以上)和華為設備，其它設備調用后無任何效果；
  HBuilderX2.9.9+版本支持VIVO設備。

• iOS - 4.3+ (支持) :

  應用需開啟“Push Notifications”服務才生效，也就是應用通知權限。

IOS 需要開啟“Push Notifications”服務才生效，也就是應用通知權限;

通知權限是否開啟，請看另一篇文章：h5+ 檢測 APP 是否開啟應用通知權限