docs(mp): 新增小程序全页面 HTML 原型 + UI 优化指南
- 新增 12 个核心页面原型(登录/首页/咨询/预约/商城/健康等) - 新增医生端分包原型(核心 + 临床两个分包) - 新增 AI 客服对话页原型 - 新增 MP UI 优化指南文档 - 更新 wiki 基础设施和小程序文档
This commit is contained in:
@@ -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 编译为 H5(HTML/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 才移除)
|
||||
|
||||
### 微信开发者工具配置
|
||||
|
||||
| 配置项 | 值 | 说明 |
|
||||
|
||||
Reference in New Issue
Block a user