在 uni-app 中实现手机桌面应用消息角标功能，需要结合原生插件或平台特定的 API 来完成，因为 uni-app 本身不直接提供桌面角标的 API。以下是一个大致的实现思路和代码示例，主要以 iOS 和 Android 为例。

iOS 实现

对于 iOS，通常需要编写 Objective-C 或 Swift 的原生插件，并使用 UIApplication 的 applicationIconBadgeNumber 属性来设置角标数字。

步骤：

1. 创建原生插件：在 uni-app 项目根目录下创建 native-plugins 文件夹，并添加 iOS 原生插件代码。

2. Objective-C/Swift 代码：

   // MyBadgePlugin.h
   #import <Foundation/Foundation.h>
   
   @interface MyBadgePlugin : NSObject
   
   + (void)setBadgeNumber:(NSInteger)badgeNumber;
   
   @end
   
   // MyBadgePlugin.m
   #import "MyBadgePlugin.h"
   #import <UIKit/UIKit.h>
   
   @implementation MyBadgePlugin
   
   + (void)setBadgeNumber:(NSInteger)badgeNumber {
       UIApplication *app = [UIApplication sharedApplication];
       app.applicationIconBadgeNumber = badgeNumber;
   }
   
   @end
   

3. 在 uni-app 中调用：

   // #ifdef APP-PLUS
   plus.bridge.exec('MyBadgePlugin', 'setBadgeNumber', [5], function(e) {
       console.log('Set badge number success: ' + e.message);
   });
   // #endif
   

Android 实现

对于 Android，可以使用 ShortcutBadger 或类似库来处理桌面角标。同样需要编写 Java 或 Kotlin 的原生插件。

步骤：

1. 创建原生插件：在 native-plugins 文件夹中添加 Android 原生插件代码。

2. Java/Kotlin 代码：

   // MyBadgePlugin.java
   import android.content.Context;
   import me.leolin.shortcutbadger.ShortcutBadger;
   
   public class MyBadgePlugin {
       public static void setBadgeNumber(Context context, int badgeNumber) {
           ShortcutBadger.applyCount(context, badgeNumber);
       }
   }
   

3. 在 uni-app 中调用：

   // #ifdef APP-PLUS
   plus.android.importClass('com.yourpackage.MyBadgePlugin');
   var main = plus.android.runtimeMainActivity();
   var context = main; // 通常 context 可以直接使用 runtimeMainActivity
   com.yourpackage.MyBadgePlugin.setBadgeNumber(context, 5);
   // #endif
   

注意事项

• 权限问题：Android 设置桌面角标可能需要特定的权限或依赖设备厂商的实现，不同设备可能表现不一致。
• 插件注册：确保在 manifest.json 中正确注册了原生插件。
• 平台差异：iOS 和 Android 的实现方式有很大差异，需要根据平台分别处理。

通过上述方法，你可以在 uni-app 中实现手机桌面应用消息角标功能。具体实现可能需要根据项目需求进行调整。