docs: 补充 AI 打字机输出、小程序灵感卡片、脚本主页布局等设计文档和计划

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-05-24 18:39:26 +08:00
parent 886f04046b
commit 6e5a379bef
12 changed files with 722 additions and 0 deletions
@@ -0,0 +1,40 @@
+# Mini Program Inspiration Compact Cards Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Make inspiration cards on the mini-program script generation page compact, single-line, and ellipsis-truncated while preserving full prompt selection behavior.
+
+**Architecture:** Reuse the existing `recommendations` data and `useRecommendation(item.text)` click path. Change only the presentation in `ScriptView.vue`: remove visible tag text and tighten the card CSS.
+
+**Tech Stack:** Vue 3 single-file component, uni-app mini-program build.
+
+---
+
+### Task 1: Compact Inspiration Card Template
+
+**Files:**
+- Modify: `mini-program/src/pages/main/ScriptView.vue`
+
+- [x] Remove the visible `<text class="recommend-tag">...</text>` from each `recommend-card`.
+- [x] Keep `@click="useRecommendation(item.text)"` unchanged so the full prompt still fills `wishText`.
+- [x] Keep the `v-for`, `:key`, `recommend-card`, and `recommend-text` bindings unchanged.
+
+### Task 2: Single-Line Ellipsis Styling
+
+**Files:**
+- Modify: `mini-program/src/pages/main/ScriptView.vue`
+
+- [x] Change `.recommend-card` from a tall vertical card to a compact row with `min-height: 68rpx`.
+- [x] Use centered row alignment and smaller padding.
+- [x] Add `min-width: 0` so text truncation works inside the grid.
+- [x] Change `.recommend-text` to one-line ellipsis with `white-space: nowrap`, `overflow: hidden`, and `text-overflow: ellipsis`.
+- [x] Remove or neutralize unused `.recommend-tag` styling.
+
+### Task 3: Validate
+
+**Commands:**
+- `cd mini-program && npm run build:mp-weixin`
+- `git diff --check`
+
+- [x] Mini-program build passes.
+- [x] Diff check reports no new whitespace errors.