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 Design
+
+## Goal
+
+Optimize the mini-program script generation page so inspiration cards use less vertical space while still filling the full selected prompt into the send input.
+
+## Approved Approach
+
+Use option A: keep the existing two-column inspiration grid, but make each card a compact single-line candidate.
+
+## Behavior
+
+- Each inspiration card displays only `item.text`.
+- Displayed text is constrained to one line.
+- Overflowing text is hidden with an ellipsis.
+- The category/tag chip is not shown in the compact card.
+- Clicking a card still calls `useRecommendation(item.text)` and writes the full text into the send input.
+- The existing `换一换` action and recommendation source logic remain unchanged.
+
+## Implementation Notes
+
+Only `mini-program/src/pages/main/ScriptView.vue` needs to change.
+
+Update the card template to remove the visible tag node. Update CSS so:
+
+- `.recommend-card` is a compact row, about `68rpx` high.
+- `.recommend-text` uses `white-space: nowrap`, `overflow: hidden`, and `text-overflow: ellipsis`.
+- Grid remains two columns.
+- Visual theme remains consistent with the current purple glass style.
+
+## Validation
+
+Run:
+
+```bash
+cd mini-program
+npm run build:mp-weixin
+```
+
+Expected result: build succeeds with no new errors.