From bdf07e36a546e9c288cbf9458a1da40d7ca22808 Mon Sep 17 00:00:00 2001 From: Claude Code Date: Tue, 21 Apr 2026 05:44:50 +0000 Subject: [PATCH] =?UTF-8?q?sync:=20=E6=96=B0=E5=A2=9E=20BMAD=20=E5=BC=80?= =?UTF-8?q?=E5=8F=91=E6=B5=81=E7=A8=8B=E9=87=8D=E6=9E=84=20-=20=E7=9B=AE?= =?UTF-8?q?=E5=BD=95=E7=BB=93=E6=9E=84=20modes/phases/rules=20+=20?= =?UTF-8?q?=E6=96=B0=E5=A2=9E=E8=87=AA=E5=8A=A8=E4=BF=AE=E5=A4=8D=E5=BC=95?= =?UTF-8?q?=E6=93=8E=20+=20H5=20=E4=B8=8D=E5=85=BC=E5=AE=B9=E7=BB=84?= =?UTF-8?q?=E4=BB=B6=E6=9B=BF=E6=8D=A2=E6=96=B9=E6=A1=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../d8d-dev/reference/platform-uni-app.md | 130 +----------------- .claude/skills/d8d-dev/workflow.md | 4 +- .../steps/step-03-generate-index.md | 8 +- 3 files changed, 6 insertions(+), 136 deletions(-) diff --git a/.claude/skills/d8d-dev/reference/platform-uni-app.md b/.claude/skills/d8d-dev/reference/platform-uni-app.md index 25849cf..93e005f 100644 --- a/.claude/skills/d8d-dev/reference/platform-uni-app.md +++ b/.claude/skills/d8d-dev/reference/platform-uni-app.md @@ -1,7 +1,7 @@ # Uni-app 微信小程序平台参考 > **⛔ 主流程文件统一引用此文件**：所有 uni-app/微信小程序的平台特定内容集中于此。 -> 主流程文件（auto-fix/engine / iron-laws / journey-mode / visual-verification / validation-mode / e2e-testing / phase-03-implement）中不再内联平台特定方案，改为引用本文件对应章节。 +> 主流程文件（auto-fix-engine / iron-laws / journey-mode / visual-verification / validation-mode / e2e-testing / phase-03-implement）中不再内联平台特定方案，改为引用本文件对应章节。 --- @@ -397,131 +397,3 @@ onPullDownRefresh(() => { uni.stopPullDownRefresh(); // ← 新增 } ``` - ---- - -## 8. H5 不兼容组件替换方案（⛔ 强制） - -### 问题 - -uni-app 原生组件（``/``/``/``/`` 等）在 H5 环境下可能出现： -- 不渲染（DOM 中存在但宽高为 0） -- 不可交互（点击无响应） -- 样式异常（默认浏览器样式覆盖 Neon Pulse 设计） - -微信小程序正常但 H5 不正常的组件，**不得标记为"环境限制"跳过**。必须用跨平台兼容的纯 view + CSS 方案替换。 - -### ⛔ 核心原则 - -- **禁止**使用 uni-app 原生表单组件（``/``/``/``/``） -- **必须**使用纯 `` + CSS + `@tap` 实现等效功能 -- 这样做：小程序和 H5 都能正常渲染，无需任何平台判断 - -### 不兼容组件清单 - -| uni-app 原生组件 | H5 问题 | 替换方案 | -|------------------|---------|---------| -| `` | 不渲染或样式异常 | view + Iconify check 图标 | -| `` | 不渲染或样式异常 | view + CSS 圆点 | -| `` | 样式与设计系统冲突 | view + CSS 滑动开关 | -| `` | 样式不可控 | view + CSS 进度条 + @touchmove | -| `` | 原生弹窗与 H5 不兼容 | 自定义弹窗组件 | - -### 检测方法（⛔ 旅程验证步骤级强制） - -```bash -# 扫描所有 .vue 文件中的原生表单组件 -grep -rn ' - - - - - - -``` - -```css -.custom-checkbox { - width: 18px; height: 18px; min-width: 18px; - border-radius: 4px; - border: 1.5px solid rgba(255, 255, 255, 0.2); - background: rgba(255, 255, 255, 0.05); - display: flex; align-items: center; justify-content: center; - transition: all 0.2s ease; -} -.custom-checkbox.checked { - background: linear-gradient(135deg, #ffb3b5, #ff5167); - border-color: #ff5167; -} -.check-icon { width: 12px; height: 12px; color: #000; } -``` - -#### radio → view + CSS 圆点 - -```vue - - - - - - - -``` - -```css -.custom-radio { - width: 18px; height: 18px; min-width: 18px; - border-radius: 50%; - border: 1.5px solid rgba(255, 255, 255, 0.2); - background: rgba(255, 255, 255, 0.05); - display: flex; align-items: center; justify-content: center; - transition: all 0.2s ease; -} -.custom-radio.checked { border-color: #ff5167; } -.radio-dot { - width: 10px; height: 10px; border-radius: 50%; - background: linear-gradient(135deg, #ffb3b5, #ff5167); -} -``` - -#### switch → view + CSS 滑动 - -```vue - - - - - - - -``` - -```css -.custom-switch { - width: 44px; height: 24px; border-radius: 12px; - background: rgba(255, 255, 255, 0.1); - position: relative; transition: background 0.2s; -} -.custom-switch.on { background: linear-gradient(135deg, #ffb3b5, #ff5167); } -.switch-thumb { - width: 20px; height: 20px; border-radius: 50%; - background: #fff; position: absolute; top: 2px; left: 2px; - transition: transform 0.2s; -} -.custom-switch.on .switch-thumb { transform: translateX(20px); } -``` - -### 关联修复规则 - -- 触发 FAIL 分类: ../rules/auto-fix/classification.md #23 -- 修复模板: ../rules/auto-fix/workflows.md AUTO-FIX #23 章节 -- ⛔ 禁止标记为"环境限制"跳过 diff --git a/.claude/skills/d8d-dev/workflow.md b/.claude/skills/d8d-dev/workflow.md index 06fec80..5064ef5 100644 --- a/.claude/skills/d8d-dev/workflow.md +++ b/.claude/skills/d8d-dev/workflow.md @@ -208,11 +208,11 @@ Read fully and follow: ./modes/journey/journey-index.md ## 质量关卡 -> 参见 ./rules/iron-laws.md 了解五大铁律和验证检查清单。 +> 参见 ./iron-laws.md 了解五大铁律和验证检查清单。 ## E2E 测试 -> 参见 ./rules/e2e-testing.md 了解 Playwright MCP 测试序列和视口规则。 +> 参见 ./e2e-testing.md 了解 Playwright MCP 测试序列和视口规则。 ## 实战经验 diff --git a/.claude/skills/d8d-prototype/steps/step-03-generate-index.md b/.claude/skills/d8d-prototype/steps/step-03-generate-index.md index 0bd5a70..9842995 100644 --- a/.claude/skills/d8d-prototype/steps/step-03-generate-index.md +++ b/.claude/skills/d8d-prototype/steps/step-03-generate-index.md @@ -114,10 +114,9 @@ ```html