# UniApp开发

使用uni-app框架进行多端应用开发。触发关键词：UniApp开发、跨平台、多端开发。

## 执行步骤

### 步骤1：读取相关常识知识
使用 `read_knowledge knowledge_name='naming_conventions'`、`read_knowledge knowledge_name='project_structure'`、`read_knowledge knowledge_name='mm_vue_api_consumption'`

### 步骤2：读取工作提示词
使用 `read_work work_name='uniapp_development'`

### 步骤3：创建uni-app项目
使用 `make_dir` 创建项目结构。

### 步骤4：开发页面
使用 `write_text` 编写Vue页面。

### 步骤5：封装组件
使用 `write_text` 封装可复用组件。

### 步骤6：条件编译
使用条件编译处理各平台差异代码。

### 步骤7：多端测试
验证在H5、小程序和App端的运行效果。

## 输出成果
1. uni-app页面和组件代码

## 失败处理
- 若某平台API不支持，使用条件编译降级处理
- 若组件渲染异常，检查平台兼容性

## 禁止行为
- ❌ 禁止使用平台专属API不做条件编译
- ❌ 禁止忽略不同平台的样式差异