From 692397c9978ce716bbd7ce0f8613c5dc9440f727 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=B9=98=E9=A3=8E?= Date: Sat, 31 Jan 2026 21:54:40 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E5=B0=8F=E7=A8=8B=E5=BA=8F?= =?UTF-8?q?=E8=BD=AC=E6=8D=A2=E4=B8=8E=E4=B8=8A=E4=BC=A0=E6=8F=90=E7=A4=BA?= =?UTF-8?q?=E8=AF=8D=EF=BC=8C=E5=A2=9E=E5=8A=A0=E5=AE=8C=E6=95=B4=E6=80=A7?= =?UTF-8?q?=E8=A6=81=E6=B1=82=EF=BC=8C=E7=A1=AE=E4=BF=9D=E6=A0=B7=E5=BC=8F?= =?UTF-8?q?=E3=80=81=E6=8C=89=E9=92=AE=E3=80=81=E5=B8=83=E5=B1=80=E7=AD=89?= =?UTF-8?q?=E6=97=A0=E4=B8=A2=E5=A4=B1=EF=BC=8C=E4=BC=98=E5=8C=96=E8=87=AA?= =?UTF-8?q?=E6=A3=80=E6=AD=A5=E9=AA=A4=E4=BB=A5=E9=80=90=E9=A1=B5=E5=AF=B9?= =?UTF-8?q?=E7=85=A7Web=E7=AB=AF=EF=BC=8C=E6=8F=90=E5=8D=87=E8=BD=AC?= =?UTF-8?q?=E6=8D=A2=E8=B4=A8=E9=87=8F=E4=B8=8E=E4=B8=80=E8=87=B4=E6=80=A7?= =?UTF-8?q?=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- scripts/Web转小程序并上传-提示词.md | 18 +++++++++++++++--- 1 file changed, 15 insertions(+), 3 deletions(-) diff --git a/scripts/Web转小程序并上传-提示词.md b/scripts/Web转小程序并上传-提示词.md index 00d389c1..d1d21f72 100644 --- a/scripts/Web转小程序并上传-提示词.md +++ b/scripts/Web转小程序并上传-提示词.md @@ -6,8 +6,8 @@ ## 一、你的任务（当被 @ 本文件时） -1. **转换**：将当前项目中的 **Web 端（Next.js）** 页面与功能，**完整、一致**地转为微信小程序代码，输出到 **`miniprogram/`** 目录。保持与现有小程序规范一致（WXML/WXSS/JS、app.json、project.config.json）。 -2. **检查**：转换完成后，自检 `miniprogram/` 是否可运行（必要文件、路由、API 调用、样式与交互一致）。 +1. **转换**：将当前项目中的 **Web 端（Next.js）** 页面与功能，**完整、一致**地转为微信小程序代码，输出到 **`miniprogram/`** 目录。**转换必须完整，样式、按钮、布局、交互等不得有任何丢失**（见下方「完整性要求」）。 +2. **检查**：转换完成后，自检 `miniprogram/` 是否可运行，并逐页对照 Web 端确认无遗漏（必要文件、路由、API、样式、按钮、链接、交互一致）。 3. **上传**：提示用户在项目根目录执行 **`python scripts/autosysc-weixin.py`**，或由你代为执行该命令，完成代码上传到微信公众平台。 若用户只要求「转换」或只要求「上传」，则只执行对应步骤；若用户说「完整流程」或 @ 本文件且无特别说明，则执行上述三步。 @@ -40,9 +40,20 @@ ## 三、转换规则（Web → 小程序） +### 完整性要求（零丢失） + +- **样式**：颜色、字体、字号、行高、间距（margin/padding）、圆角、阴影、背景、边框等必须与 Web 一致，在 WXSS 中完整实现，不得省略或简化。 +- **按钮与可点击元素**：每个按钮、链接、可点击区域都要保留，文案、图标、点击跳转/弹窗/提交等行为与 Web 一致；禁用态、加载态等状态也要体现。 +- **布局与结构**：区块划分、顺序、折叠/展开、列表/卡片结构等与 Web 一致，不得漏掉任何一块内容或模块。 +- **图片与图标**：Web 中出现的图片、图标、占位图都要在小程序侧存在并正确引用，路径可用 `miniprogram/images/` 或 assets。 +- **表单与输入**：输入框、选择器、校验、提交逻辑与 Web 一致，不丢字段、不丢校验。 +- **若 Web 某块在小程序无法 100% 实现**（如复杂 CSS 或 DOM API），用最接近的实现并在此处加注释说明差异，不得直接删掉整块内容。 + +### 组件与语法 + 1. **组件与语法** - React/JSX → WXML（`wx:if`、`wx:for`、`bindtap` 等）。 - - Tailwind/CSS 模块 → WXSS（可保留 class 名，样式写到 `.wxss` 或页面/组件内）。 + - Tailwind/CSS 模块 → WXSS（**逐条对照 Web 样式**，可保留 class 名，样式写到 `.wxss` 或页面/组件内，确保视觉效果一致）。 - `useState`/`useEffect` → 小程序 Page 的 `data`、`onLoad`、`onShow` 等。 - 路由：`useRouter`/`Link` → `wx.navigateTo`、`wx.switchTab`（tab 页用 switchTab）。 2. **页面与路由** @@ -73,6 +84,7 @@ - [ ] 无语法错误：WXML 闭合、WXSS 合法、JS 中 Page() 注册正确。 - [ ] 接口 baseURL 为线上或配置项，非 localhost（除非仅本地调试）。 - [ ] tabBar 与导航与 Web 端一级入口一致（首页、目录、找伙伴、我的）。 +- [ ] **完整性**：逐页对照 Web，确认样式（颜色、间距、字体等）、按钮、链接、图片、表单、列表/卡片等无遗漏；若有无法 1:1 实现处，已用最接近方式实现并注释说明。 ---