The skill is based on uni-app documentation, generated at 2026-01-30.
uni-app is a Vue.js-based cross-platform framework for developing applications that run on iOS, Android, HarmonyOS, Web (responsive), and various mini-program platforms (WeChat/Alipay/Baidu/Douyin/Feishu/QQ/Kuaishou/DingTalk/Taobao/Jingdong/Xiaohongshu).
Core
| Topic |
Description |
Reference |
| Core Framework |
Project structure, platform support, condition compilation |
core-framework |
| View Components |
view, scroll-view, swiper, movable-area, cover-view |
core-view-components |
| Form Components |
input, textarea, picker, checkbox, radio, switch, slider |
core-form-components |
Features
UI Components
| Topic |
Description |
Reference |
| Media Components |
image, video, camera, live-player, map |
feature-media-components |
| Navigation |
navigator, routing, page navigation |
feature-navigation |
| UI Feedback |
toast, modal, loading, action sheet, pull refresh |
feature-ui-feedback |
APIs
| Topic |
Description |
Reference |
| Network |
HTTP requests, file upload/download, WebSocket |
feature-network |
| Storage |
Local storage, file system, caching |
feature-storage |
| System Info |
Device info, network status, screen, vibration |
feature-system-info |
| File Operations |
Image/video selection, file system operations |
feature-file-operations |
| Location |
Geolocation, map component, address selection |
feature-location |
| Lifecycle |
App and page lifecycle hooks |
feature-lifecycle |
Configuration
| Topic |
Description |
Reference |
| pages.json |
Page routing, tab bar, global styles, sub-packages |
config-pages |
| manifest.json |
App config, permissions, platform settings |
config-manifest |
Platform Support
| Platform |
Support Level |
| iOS App |
Full support |
| Android App |
Full support |
| HarmonyOS Next |
Full support |
| H5/Web |
Full support |
| WeChat Mini Program |
Full support |
| Alipay Mini Program |
Full support |
| Baidu Smart Program |
Full support |
| Douyin Mini Program |
Full support |
| QQ Mini Program |
Full support |
| Kuaishou Mini Program |
Full support |
| Feishu Mini Program |
Full support |
| JD Mini Program |
Full support |
| HarmonyOS Meta Service |
Full support |
Key Concepts
Condition Compilation
Use special comments to write platform-specific code:
<!-- #ifdef APP-PLUS -->
<view>App only</view>
<!-- #endif -->
<!-- #ifdef MP-WEIXIN -->
<view>WeChat only</view>
<!-- #endif -->
API Promise Support
Most uni-app APIs support Promise when no callback is provided:
const res = await uni.request({ url: 'https://api.example.com' })
Cross-Platform Best Practices
- Use uni-app components and APIs instead of platform-specific ones
- Use condition compilation for platform-specific features
- Test on all target platforms
- Use rpx for responsive layouts
- Handle platform differences in manifest.json
- must use uni-helper tools
MCP扩展
当需要查询 uni-app 官方文档时，优先调用 search-docs-by-Uniapp-official MCP 工具搜索相关 API 文档和使用示例。
使用场景：
- 用户询问特定 API 的详细用法
- 需要官方文档中的代码示例
- 查询组件的属性和事件
- 了解 API 的平台兼容性
工具安装：
如果检测到该 MCP 工具不可用，引导用户访问 https://github.com/uni-helper/mcp 进行安装。
1---2name: uni-app3description: Comprehensive skill reference for uni-app cross-platform development framework4---5
6> The skill is based on uni-app documentation, generated at 2026-01-30.
7
8uni-app is a Vue.js-based cross-platform framework for developing applications that run on iOS, Android, HarmonyOS, Web (responsive), and various mini-program platforms (WeChat/Alipay/Baidu/Douyin/Feishu/QQ/Kuaishou/DingTalk/Taobao/Jingdong/Xiaohongshu).
9
10## Core
11
12| Topic | Description | Reference |
13|-------|-------------|-----------|
14| Core Framework | Project structure, platform support, condition compilation | [core-framework](references/core-framework.md) |
15| View Components | view, scroll-view, swiper, movable-area, cover-view | [core-view-components](references/core-view-components.md) |
16| Form Components | input, textarea, picker, checkbox, radio, switch, slider | [core-form-components](references/core-form-components.md) |
17
18## Features
19
20### UI Components
21
22| Topic | Description | Reference |
23|-------|-------------|-----------|
24| Media Components | image, video, camera, live-player, map | [feature-media-components](references/feature-media-components.md) |
25| Navigation | navigator, routing, page navigation | [feature-navigation](references/feature-navigation.md) |
26| UI Feedback | toast, modal, loading, action sheet, pull refresh | [feature-ui-feedback](references/feature-ui-feedback.md) |
27
28### APIs
29
30| Topic | Description | Reference |
31|-------|-------------|-----------|
32| Network | HTTP requests, file upload/download, WebSocket | [feature-network](references/feature-network.md) |
33| Storage | Local storage, file system, caching | [feature-storage](references/feature-storage.md) |
34| System Info | Device info, network status, screen, vibration | [feature-system-info](references/feature-system-info.md) |
35| File Operations | Image/video selection, file system operations | [feature-file-operations](references/feature-file-operations.md) |
36| Location | Geolocation, map component, address selection | [feature-location](references/feature-location.md) |
37| Lifecycle | App and page lifecycle hooks | [feature-lifecycle](references/feature-lifecycle.md) |
38
39## Configuration
40
41| Topic | Description | Reference |
42|-------|-------------|-----------|
43| pages.json | Page routing, tab bar, global styles, sub-packages | [config-pages](references/config-pages.md) |
44| manifest.json | App config, permissions, platform settings | [config-manifest](references/config-manifest.md) |
45
46## Platform Support
47
48| Platform | Support Level |
49|----------|---------------|
50| iOS App | Full support |
51| Android App | Full support |
52| HarmonyOS Next | Full support |
53| H5/Web | Full support |
54| WeChat Mini Program | Full support |
55| Alipay Mini Program | Full support |
56| Baidu Smart Program | Full support |
57| Douyin Mini Program | Full support |
58| QQ Mini Program | Full support |
59| Kuaishou Mini Program | Full support |
60| Feishu Mini Program | Full support |
61| JD Mini Program | Full support |
62| HarmonyOS Meta Service | Full support |
63
64## Key Concepts
65
66### Condition Compilation
67
68Use special comments to write platform-specific code:
69
70```vue
71<!-- #ifdef APP-PLUS -->
72<view>App only</view>
73<!-- #endif -->
74
75<!-- #ifdef MP-WEIXIN -->
76<view>WeChat only</view>
77<!-- #endif -->
78```
79
80### API Promise Support
81
82Most uni-app APIs support Promise when no callback is provided:
83
84```javascript
85const res = await uni.request({ url: 'https://api.example.com' })
86```
87
88### Cross-Platform Best Practices
89
901. Use uni-app components and APIs instead of platform-specific ones
912. Use condition compilation for platform-specific features
923. Test on all target platforms
934. Use rpx for responsive layouts
945. Handle platform differences in manifest.json
956. must use uni-helper tools
96
97
98### MCP扩展
99
100当需要查询 uni-app 官方文档时，优先调用 `search-docs-by-Uniapp-official` MCP 工具搜索相关 API 文档和使用示例。
101
102**使用场景：**
103- 用户询问特定 API 的详细用法
104- 需要官方文档中的代码示例
105- 查询组件的属性和事件
106- 了解 API 的平台兼容性
107
108**工具安装：**
109如果检测到该 MCP 工具不可用，引导用户访问 https://github.com/uni-helper/mcp 进行安装。
uni-helper