更新了AI页和我的页,一级页面都重构完成。

This commit is contained in:
lik
2026-10-04 21:21:50 +08:00
parent 428fb7c52c
commit f542b1dced
26 changed files with 1482 additions and 1141 deletions
+2 -1
View File
@@ -69,6 +69,7 @@
- **白卡一律走中性阴影** `--shadow-card: 0 2rpx 10rpx rgba(63, 43, 25, 0.07)`,圆角 28rpx。彩色(暖橙)阴影不得用在 `--white` 面上;它只允许用于实心 CTA、品牌印记等小体量元素(`--shadow-cta: 0 2rpx 8rpx rgba(184, 82, 10, 0.16)`)。
- 例外(已登记):`escort/itemlist` 三个服务分组做成**通栏白底块**——`--white` + 上下各 2rpx `--line` + `--shadow-card`,**圆角 0**;做法 `margin: 36rpx -32rpx 0` + `padding: 28rpx 32rpx`,行宽仍为 686rpx(若内缩,最长名称「VIP 5次 半天陪诊」会折行)。圆角必须为 0,否则满宽块的圆角会切在屏幕边上。页首 `.notice` 仍是内缩 28rpx 圆角白卡。
- 例外(已登记):`escort/itemlist` 页脚做**浅橙收口卡**(`--brand-soft` + 2rpx `--brand-line` + 28rpx 圆角 + 去阴影),与首页 `.quick-item-full` 同源,补回该页"暖色只剩线、没有面"的那一档。
- 例外(已登记):`mine/mine` 的菜单与「退出登录」做成**通栏白底块**(`--white` + 上下各 2rpx `--line` + `--shadow-card`,圆角 0)。其中「退出登录」是**动作而非导航**,与菜单行不同族:单独一块、一行居中、**无图标无 chevron**、字色 `--muted`。状态色不得用于按钮(§三),退出因此不走红/橙,区分只靠结构与位置。
---
@@ -116,7 +117,7 @@
| 范围 | 现状 | 替换为 |
|---|---|---|
| `mine/about.wxss` | `#D4A853`、`#FF8500`、`#22A45D` | `--brand-strong` / `--brand-ink` |
| `mine/comp_address.wxml`(`switch` 属性) | 旧金色 | `#B8520A`(属性值需硬编码) |
| `mine/addressedit.wxml`(`switch` 属性) | 旧金色 | `#B8520A`(属性值需硬编码) |
| `health/profilelist.js`(`confirmColor`) | 旧金色 | `#B8520A` |
| `health/profilelist.wxss`、`profileedit.wxss` | `#D4A853` 系 | 暖橙令牌 |
| `escort/recordlist.wxss` | `#D4A853` 系 | 暖橙令牌 + 状态四档 |
+8 -8
View File
@@ -5,20 +5,22 @@
---
## 一、已完成(4 页)
## 一、已完成(6 页)
| 页面 | 完成 | 主要动作 |
|---|---|---|
| `home/index`(首页) | 更早 | 暖白纸面 + 白卡语言重建:hero(大标题 / 场景行 / 通栏主 CTA)→ 陪诊服务(白卡宫格 + 浅橙介绍卡)→ 常用功能(青绿待服务条 + 双列 / 通栏卡)→ 页脚文字链。页内旧令牌副本已删 |
| `escort/itemlist`(陪诊服务列表) | 更早 | 页首短横色标 + 引导,说明白卡(开通城市 / 费用披露 + 两个入口),三组「通栏白底 + 章线」价目表,空心环「预约」按钮,浅橙收口页脚卡。页内旧令牌副本已删 |
| `mine/mine`(我的) | 2026-10-04 | 并入暖橙体系 + 首页白卡语言:纸面底、头像与昵称直接落纸面、菜单白卡(图标走 `--brand-ink`)、页脚细竖线分隔。默认头像改用暖墨品牌标记 `images/home-ink.png`。删掉一批死样式(`.user-phone`、`.avatar-btn`、昵称输入等) |
| `ai/aichat`(AI 陪诊助手) | 2026-10-04 | 整页重设计:纸面底 + 消息列表(头像行在上、气泡在下,用户消息整条靠右并把时间镜像到头像左侧);AI 与用户头像统一底座(浅橙底 + 暖橙描边),身份只由图形区分(品牌标记 / 人像);AI 声明由页底常驻行改为挂在每条 AI 气泡下方;清空入口移到输入框下方做成空心描边小按钮;全页圆角统一 20rpx。附带修复滚动布局(`.message-list` 补 `min-height: 0`,消息超一屏后输入区不再被顶出视口) |
| `ai/aichat`(AI 陪诊助手) | 2026-10-04 | 整页重设计:纸面底 + 消息列表(头像行在上、气泡在下,用户消息整条靠右并把时间镜像到头像左侧);AI 与用户头像统一底座(浅橙底 + 暖橙描边),身份只由图形区分(品牌标记 / 人像);AI 声明由页底常驻行改为挂在每条 AI 气泡下方;空态图标改用 `images/ai-ink.png`;清空入口移到输入框下方做成空心描边小按钮,并在其旁增加「常见问题」入口——点击把常见问题清单整块铺进会话流(行间以横线分隔,可重复点选),空会话欢迎区复用同一清单块样式;全页圆角统一 20rpx。附带修复滚动布局(`.message-list` 补 `min-height: 0`,消息超一屏后输入区不再被顶出视口) |
| `mine/profileedit`(个人信息) | 2026-10-04 | 由 `mine` 页上的 `comp_profile` 浮层改为真页面(不再用 fixed 浮层,返回键交给页面栈)。表单沿用 `mine` 的通栏白块语言:标签左走 `--muted`、值右走 `--ink`,选中态用软橙底 + 实心橙描边;保存是本页唯一实心橙块 |
| `mine/addressedit`(邮寄地址) | 2026-10-04 | 由 `comp_address` 浮层改为真页面,列表 / 表单两态同页切换并同步导航栏标题。地址卡走白卡 + chevron 点击暗示,默认地址用图形 + 文字双通道传达状态;表单态取消走空心、保存走实心橙 |
> DESIGN.md §5.1 已同步登记 `mine/mine.wxss`、`ai/aichat.wxss` 两页迁移完成。
> DESIGN.md §5.1 已登记 `mine/mine.wxss`、`ai/aichat.wxss` 两页迁移完成;`mine/profileedit.wxss`、`mine/addressedit.wxss` 待补登。
---
## 二、待重构(13 页 / 22 个文件)
## 二、待重构(11 页 / 19 个文件)
按"离规范的距离"分三档,**建议从上往下推进**——同档内先易后难。
@@ -33,13 +35,11 @@
| `escort/guide` | `.wxss` `.wxml` | 同上 |
| `mine/contact` | `.wxss` `.wxml` | 同上 |
### B. 旧金色体系(`#D4A853` 系,改动最大)|9 页 + 3 组件/JS
### B. 旧金色体系(`#D4A853` 系,改动最大)|7 页 + 1 组件/JS
| 页面 | 文件 | 动作 |
|---|---|---|
| `mine/about` | `.wxss` | 按 §5.3 映射表整体换色 |
| `mine/comp_address` | `.wxss` `.wxml`(`switch` 属性值需硬编码) | 同上 |
| `mine/comp_profile` | `.wxss` | 同上 |
| `health/profilelist` | `.wxss` `.wxml` `.js`(`confirmColor`) | 同上 |
| `health/profileedit` | `.wxss` | 同上 |
| `escort/recordlist` | `.wxss` | 换色 + 状态四档 |
@@ -61,7 +61,7 @@
### 组件与 JS 里的硬编码(易漏)
`comp_address.wxml` 的 `switch` 属性、`profilelist.js` 的 `confirmColor` 走的是**属性值**,读不到 CSS 变量,必须硬编码暖橙。
`addressedit.wxml` 的 `switch` 属性、`profilelist.js` 的 `confirmColor` 走的是**属性值**,读不到 CSS 变量,必须硬编码暖橙(`mine/addressedit` 迁移时已按此处理,`health/profilelist` 待处理)。
---