diff --git a/.opencode/skills/project-structure/SKILL.md b/.opencode/skills/project-structure/SKILL.md index 79326d4..6f8fc2b 100644 --- a/.opencode/skills/project-structure/SKILL.md +++ b/.opencode/skills/project-structure/SKILL.md @@ -392,3 +392,45 @@ components/home/ 4. **事件命名使用 kebab-case** - 如 `@handle-click` 5. **插槽优先于 props 传内容** - 灵活性更高 6. **禁止使用 git 提交** - 代码的改动必须经过手动提交 + +## UI 组件库使用规范(重要) + +项目使用两套 UI 组件库,按场景分工: + +### uni-ui(表单/表格场景) +**仅用于**表单、表格相关的组件: +- 下拉选择:`` +- 单选框:`` / `` +- 多选框:`` / `` +- 日期选择:`` +- 输入框:`` +- 数据选择器:`` +- 图标:`` + +官网:https://uniapp.dcloud.net.cn/component/uniui/uni-data-select.html + +### wot-ui(其他所有场景) +**除表单表格外**,其他所有 UI 组件统一使用 wot-ui: +- 按钮:`` +- 图标:`` +- 弹窗:`` +- 导航栏:`` +- 标签:`` +- 步骤条:`` +- 加载:`` +- 等等 + +### 快速判断 + +| 场景 | 使用库 | 组件示例 | +|------|--------|----------| +| 输入框 | uni-ui | `` | +| 下拉选择 | uni-ui | `` | +| 单选/多选 | uni-ui | `` / `` | +| 日期时间选择 | uni-ui | `` | +| 按钮 | wot-ui | `` | +| 图标 | wot-ui | `` | +| 弹窗/通知 | wot-ui | `` / `` | +| 导航栏 | wot-ui | `` | +| 标签/徽标 | wot-ui | `` / `` | +| 表格展示 | uni-ui | `` |