更新记录

1.0.6（2026-01-16）

• 添加移动归因adjust

1.0.5（2026-01-08）

• 添加骨架屏、aliyun oss上传

1.0.4（2025-12-15）

• 支持骨架屏

平台兼容性

uni-app(4.81)

uni-app x(4.81)

UTS插件集合演示

一个基于 uni-app 的 UTS 插件合集演示项目，展示了各种实用的原生插件功能。

📱 项目简介

本项目是一个功能丰富的 UTS 插件演示中心，集成了 40+ 个实用的原生功能模块，涵盖图形图像处理、二维码识别、文件管理、AI识别、音视频、系统功能等多个领域。每个功能都提供了独立的演示页面，方便开发者快速了解和使用。

演示

android

https://www.pgyer.com/utsyanshiheji

iOS

ios需要打包，可以找作者，提供设备UDID，获取ipa

售后服务

购买后通过IM联系作者，即可获取：

• 开发工具-1年高级会员￥512
• uts插件开发cursor提示词rules文件
• uts插件开发指导，基于cursor

✨ 功能特性

• 🎨 丰富的功能模块：40+ 个实用功能，持续更新中
• 📱 跨平台支持：基于 uni-app，支持 iOS、Android 等多端
• 🎯 分类清晰：按功能特性分类组织，易于查找
• 💡 开箱即用：每个功能都有独立的演示页面
• 🔧 易于扩展：结构化的数据配置，方便添加新功能

📦 功能列表

🎨 Graphics & Image (图形与图像)

• SVG - 矢量图形
• 模糊效果 - 图像处理
• SVGA - 动画播放
• PAG - 动画播放
• Rive - 动画播放
• Lottie - 动画播放

📱 QR & Barcode (二维码与条形码)

• 二维码 - 生成/识别
• 条形码 - 生成/识别
• 扫码 - 快速扫描
• ScanKit - 扫码能力

📁 File Management (文件管理)

• 文件选择 - 选择上传
• PDF - 预览/处理
• 压缩解压 - 文件压缩
• Excel - 表格处理

🤖 AI Recognition (AI识别)

• OCR - 文字识别
• 生物识别 - 人脸/指纹
• Sherpa-ONNX - 语音识别

💬 Share & Social (分享与社交)

• 分享 - 系统分享
• 微信 - 微信集成

💾 Data Storage (数据存储)

• SQLite - 数据库

🌐 Network (网络通信)

• SSE - 服务器推送
• MQTT Server - MQTT服务
• MQTT Client - MQTT客户端
• OSS直传 - 对象存储

🗺️ Navigation (地图导航)

• 高德导航 - 地图导航
• 腾讯导航 - 地图导航

🎬 Media (音视频)

• 录屏 - 屏幕录制
• 声网音视频 - 音视频通话
• LiveKit - 实时音视频
• VLC - 视频播放
• 仿短视频 - 短视频功能
• 仿短剧 - 短剧功能

☁️ Cloud Services (云服务)

• Firebase - Firebase服务

📊 Ads & Analytics (广告与分析)

• AdMob - 广告服务
• Bugly - 崩溃监控

⚙️ System Features (系统功能)

• Android Shell - Shell命令
• 安卓外接屏 - 多屏显示
• 小组件 - 桌面小组件

🖼️ Wallpaper (壁纸)

• Android壁纸 - 壁纸设置
• iOS壁纸+动图 - 壁纸设置

🎨 UI Components (UI组件)

• 静态站点 - WebView
• 浮窗 - 悬浮窗口

🛠️ 技术栈

• 框架: uni-app (Vue 3)
• 语言: JavaScript/TypeScript
• 原生能力: UTS (UniApp TypeScript)
• 页面类型:
  • Vue 页面：功能演示页面
  • nvue 页面：组件演示页面（性能优化）

📂 项目结构

sn-uts-showcase/
├── pages/                  # 页面目录
│   ├── index/             # 功能中心首页
│   │   └── index.vue      # 主页面
│   ├── svg/               # SVG组件演示 (nvue)
│   ├── blur/              # 模糊效果组件演示 (nvue)
│   ├── qrcode/            # 二维码功能 (vue)
│   ├── ...                # 其他功能页面
├── static/                 # 静态资源
├── manifest.json          # 应用配置
├── pages.json             # 页面路由配置
└── README.md              # 项目说明文档

🚀 快速开始

环境要求

• HBuilderX 3.0+
• Node.js 14+
• 微信开发者工具（小程序开发）

安装运行

1. 克隆项目

   git clone <repository-url>
   cd sn-uts-showcase

2. 使用 HBuilderX 打开项目

   • 打开 HBuilderX
   • 文件 -> 导入 -> 从本地目录导入
   • 选择项目目录

3. 运行项目

   • 点击运行 -> 运行到手机模拟器/真机
   • 或运行到小程序/App

📝 使用说明

添加新功能

1. 创建功能页面

   • 组件演示：创建 .nvue 文件（如 pages/new-feature/new-feature.nvue）
   • 功能演示：创建 .vue 文件（如 pages/new-feature/new-feature.vue）

2. 配置页面路由 在 pages.json 中添加页面配置：

   {
    "path": "pages/new-feature/new-feature",
    "style": {
      "navigationBarTitleText": "新功能"
    }
   }

3. 添加到功能中心 在 pages/index/index.vue 的 categories 数据中添加：

   {
    name: 'Category Name',
    icon: '🎯',
    className: 'category-xxx',
    items: [
      { 
        title: '新功能', 
        desc: '功能描述', 
        icon: '🎯', 
        url: '/pages/new-feature/new-feature' 
      }
    ]
   }

页面跳转

功能中心使用 uni.navigateTo 进行页面跳转：

uni.navigateTo({
  url: '/pages/feature/feature'
})

🎨 UI 设计

• 采用现代化的卡片式设计
• 每个分类使用独特的渐变背景色
• 支持响应式布局
• 流畅

📄 许可证

本项目仅供学习和演示使用。

🤝 贡献

欢迎提交 Issue 和 Pull Request！

📞 联系方式

如有问题或建议，请提交 Issue。

注意: 本项目为演示项目，部分功能需要配置相应的插件和权限才能正常使用。