docs(mp): 新增小程序全页面 HTML 原型 + UI 优化指南

- 新增 12 个核心页面原型(登录/首页/咨询/预约/商城/健康等)
- 新增医生端分包原型(核心 + 临床两个分包)
- 新增 AI 客服对话页原型
- 新增 MP UI 优化指南文档
- 更新 wiki 基础设施和小程序文档
This commit is contained in:
iven
2026-05-17 00:51:07 +08:00
parent 710b2e2423
commit aa27c5174c
93 changed files with 15506 additions and 70 deletions

View File

@@ -1,6 +1,6 @@
---
title: 微信小程序(患者端)
updated: 2026-05-10
updated: 2026-05-16
status: active
tags: [miniprogram, taro, wechat, patient]
---
@@ -368,10 +368,29 @@ defineConstants: {
### 构建
```bash
cd apps/miniprogram && pnpm build:weapp # 生产构建
cd apps/miniprogram && npx taro build --type weapp # 等效
cd apps/miniprogram && pnpm build:weapp # 小程序生产构建
cd apps/miniprogram && pnpm run dev:weapp # 小程序开发模式watch
# H5 浏览器预览(推荐日常调试用)
cd apps/miniprogram && pnpm run dev:h5 # 启动 H5 开发服务器 → http://localhost:10086
cd apps/miniprogram && pnpm run build:h5 # H5 生产构建
```
### H5 浏览器调试模式
> **推荐调试流程:** 日常 UI 开发 → `dev:h5`(浏览器热更新 + Chrome DevTools → 完成后微信开发者工具最终验证。
**工作原理:**
- Taro 编译为 H5HTML/CSS/JS通过 webpack-dev-server 在 `localhost:10086` 提供服务
- `.env.h5` 将 API URL 设为 `/api/v1`相对路径dev server 代理到 `localhost:3000`,无 CORS 问题
- 输出到 `dist-h5/`,与小程序 `dist/` 完全分离
- `src/index.html` 是 H5 入口模板HtmlWebpackPlugin 需要)
**限制:**
- 微信特有 API 不可用(`wx.login``Taro.login`、微信支付等)
- 需要后端服务运行(`localhost:3000`
- Sass `@import` 弃用警告可忽略Dart Sass 3.0 才移除)
### 微信开发者工具配置
| 配置项 | 值 | 说明 |