diff --git a/docs/superpowers/plans/2026-10-14-config-center-ux-visual.md b/docs/superpowers/plans/2026-10-14-config-center-ux-visual.md index 73ce123..9b98592 100644 --- a/docs/superpowers/plans/2026-10-14-config-center-ux-visual.md +++ b/docs/superpowers/plans/2026-10-14-config-center-ux-visual.md @@ -486,11 +486,13 @@ emits 声明追加 `(e: 'navigate', group: string): void`。 ### Task 6: 品牌卡套基线 **Files:** -- Modify: `admin/src/views/config/center/index.vue`(brand pane 模板区,约 99-260 行) +- Modify: `admin/src/views/config/center/index.vue`(brand pane 模板区,约 99-260 行;另两处小修) +- Modify: `admin/src/views/config/center/CredsPane.vue`(三处 info 文案去「带 • 的」前缀) -- [ ] **Step 1: 表单卡换 ConfigCard**——`icon="solar:palette-round-line-duotone" title="品牌与外观" subtitle="客户看到的聊天窗口长什么样" info="整组保存 · 立即生效;图片与链接留空 = 不展示"`;短字段(标题/主色/WhatsApp/邮箱/占位提示)双列 grid、话题标签与隐私链接独占;footer/danger 同 Task 5 模式(footer-left 回滚、footer-right 备注+保存、danger 重置出厂) +- [ ] **Step 1: 表单卡换 ConfigCard**——`icon="solar:palette-round-line-duotone" title="品牌与外观" subtitle="客户看到的聊天窗口长什么样" info="整组保存 · 立即生效;图片与链接留空 = 不展示"`;短字段(标题/主色/WhatsApp/邮箱/占位提示)双列 grid、话题标签与隐私链接独占;footer/danger 同 Task 5 模式(footer-left 回滚、footer-right 备注+保存、danger 重置出厂)。brand 是 index.vue 内联块——回滚按钮直接 `@click="onGroupSelect('versions')"`(无需 emit) - [ ] **Step 2: 预览与嵌入代码卡理顺**——预览卡与嵌入代码卡紧随表单卡,预览卡头部加副标题「本地简化预览(真机效果以嵌入站点为准)」 -- [ ] **Step 3: 验证 + Commit**——`pnpm build` + dev 走查(改标题/颜色预览即时反映);`git commit -m "feat(admin): 品牌卡套视觉基线(Batch 1 收口)"` +- [ ] **Step 2b: (Task 5 评审折入)navigate 接线 + 文案清理 + 死分支剪除**——① index.vue 的 `` 挂载处补 `@navigate="onGroupSelect"`;② CredsPane 三卡 info 文案的「带 • 的字段留空 = 沿用平台默认」改为「字段留空 = 沿用平台默认」(• 标记约定未实装到 label,删引用防误导);③ 剪除 pane 条件链尾部不可达的 v-else 占位卡(「后续任务实装」——8 组全实装后为死分支) +- [ ] **Step 3: 验证 + Commit**——`pnpm build` + dev 走查(改标题/颜色预览即时反映;凭据页点「出问题?回滚 →」能跳版本历史);`git commit -m "feat(admin): 品牌卡套视觉基线(Batch 1 收口)"` ---