diff --git a/doc/DESIGN.md b/doc/DESIGN.md index ec18873..bd4e30c 100644 --- a/doc/DESIGN.md +++ b/doc/DESIGN.md @@ -70,7 +70,7 @@ - `--paper` 与 `--brand-soft` 明度差仅约 1.03:1,浅橙块落纸面须靠 **2rpx `--brand-line` 描边**托形,不加阴影。 - **白卡一律走中性阴影** `--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(若内缩,卡的左右内距会白吃 48rpx 行宽,长名称 + 右区更易挤出)。圆角必须为 0,否则满宽块的圆角会切在屏幕边上。页首 `.notice` 仍是内缩 28rpx 圆角白卡。 -- 例外(已登记):`escort/itemlist` 页脚做**浅橙收口卡**(`--brand-soft` + 2rpx `--brand-line` + 28rpx 圆角 + 去阴影),与首页 `.quick-item-full` 同源,补回该页"暖色只剩线、没有面"的那一档。 +- 例外(已登记):`escort/itemlist` 的**人工客服旁路卡**做浅橙面(`--brand-soft` + 2rpx `--brand-line` + 28rpx 圆角 + 去阴影),与首页 `.quick-item-full` 同源,补回该页"暖色只剩线、没有面"的那一档。位置在**页首披露卡下方、清单上方**(原为页尾的"收口卡",已上移):文案走本页"情形 + 动作"两段式(muted「不想线上预约?」+ 暖橙链「直接联系人工客服」)。页尾不设卡,改由一行**文档级元信息**收尾——细竖线分隔的「服务指南 │ 用户协议」(从页首披露卡下移,不加卡、不加 chevron,文字链自身即点击暗示);披露卡因此退回纯声明,只留城市与费用披露。 - 例外(已登记):`mine/about` 的「联系我们」做成**浅橙入口卡**(`--brand-soft` + 2rpx `--brand-line` + 28rpx 圆角 + 去阴影,同首页 `.quick-item-full` 配方),是该页尾部唯一的暖色面。卡内**不再平铺联系方式**——热线/微信/邮箱/工作时间四项与 `mine/contact` 页逐项重合,平铺即"同一意图两个入口";只留「联系我们」+ 一行摘要(「人工客服」,与首页同卡同文案)+ muted chevron,整卡可点跳 `mine/contact`。另注:该页品牌印记(`home-w.png` 白色线稿)必须落 `--brand-strong` 实心底,不能用 `--brand-soft`,白色线稿在浅橙底上看不见。 - 例外(已登记):`mine/mine` 的菜单与「退出登录」做成**通栏白底块**(`--white` + 上下各 2rpx `--line` + `--shadow-card`,圆角 0)。其中「退出登录」是**动作而非导航**,与菜单行不同族:单独一块、一行居中、**无图标无 chevron**、字色 `--muted`。状态色不得用于按钮(§三),退出因此不走红/橙,区分只靠结构与位置。 @@ -120,10 +120,10 @@ | 范围 | 现状 | 替换为 | |---|---|---| | `mine/addressedit.wxml`(`switch` 属性) | 旧金色 | `#B8520A`(属性值需硬编码) | -| `health/profilelist.js`(`confirmColor`) | 旧金色 | `#B8520A` | -| `health/profilelist.wxss`、`profileedit.wxss` | `#D4A853` 系 | 暖橙令牌 | | `hospital/contact.wxss`、`hospital/ranking.wxss` | 底 `#F5F7F6`、字 `#1F2937`、绿灰系 | 整体并入暖橙体系 | +已完成(2026-10-06):`health/profilelist`、`health/profileedit` 已按本节并入暖橙体系——两页 `.wxss` 的旧金色 `#D4A853` 连同冷灰文字 `#1F2937`/`#374151`/`#6B7280`/`#9CA3AF`、冷灰线 `#F3F4F6`、旧底 `#FAF6F1`/`#FDF8EE` 一并换成暖橙令牌与暖墨阶。列表页改「浅橙说明砖 + 通栏白块」,每条主体整块可点进编辑(补 chevron 点击暗示,删除动作下沉到卡内操作行、走 `--muted`),空态与「邮寄地址」同语言(`--faint` 图标 + `--muted` 说明);表单页改通栏白块,标签左走 `--muted`、值右走 `--ink` 700,性别选中态用软橙底 + 实心橙描边,健康备注独立一块。两页 `page{}` 均不留令牌副本;`profilelist.js` 的 `confirmColor` 硬编码改 `#B8520A`,`profilelist.json` 补注册既已使用的 `t-loading`(原只在 `.wxml` 里引用、未注册,渲染为空)。 + 已完成(2026-10-06):`escort/guide` 已按本节并入暖橙体系——`.wxss` 里的 page 级令牌副本(停在旧值 `#C2410C` / `#9A3412`)整块删除,改用 `app.wxss` 唯一来源;`.wxml` 四处 `t-icon` 硬编码随之改值(三个卡片头图标 `#FFFFFF`→`#9B4508`、底部客服 `call` `#9A3412`→`#9B4508`)。同页三处收口:卡片头标识由「实心橙方块 + 白图标」改「`--brand-soft` + 2rpx `--brand-line` 描边 + 暖橙图标」,实心块只留底部 CTA 一处(§2.1);CTA 阴影由 `0 6rpx 16rpx rgba(194,65,12,.22)` 收为 `--shadow-cta`;三处 `font-weight: 600` 改 `700`(中文系统字体只有 400/700 两档)。内容同步:服务流程与 `services.js` 各服务的 flow 对齐(预约 → 沟通信息 → 支付费用 → 准备资料 → 全程陪诊 → 服务完成),删去不在任何 flow 里的「选择陪诊师」;温馨提示的改期句统一为「如需改期或取消,请至少提前4小时联系客服」。 已完成(2026-10-06):`escort/agreement.wxss` 已按本节并入暖橙体系——底 `#FAF6F1` 转 `--paper`,顶部白→暖白渐变去掉(直接落纸面),#`D4A853` 系连三处同色渐变与同色大阴影一并换掉:文件图标衬底转 `--brand-strong` + `--shadow-cta`(白色图标需深底),章节序号转「`--brand-soft` 衬底 + 2rpx `--brand-line` 描边 + `--brand-ink` 字」(全页实心块只留顶部一个),圆点转 `--brand-strong`;冷灰文字 `#1F2937`/`#4B5563`/`#6B7280` 转 `--ink`/`--ink-2`/`--muted`,冷线 `#F0E6D8`/`#E5E7EB` 转 `--line`/`--sep`(浅橙底上用 `--sep`);正文块改通栏白底块(上下 2rpx `--line` + 圆角 0 + `--shadow-card`)。违约金表表头不再铺色(`--brand-line` 只作描边)。另删 7 条死规则 `flow-steps`/`flow-step`/`step-badge`/`step-info`/`step-title`/`step-desc`/`step-line`——WXML 无任何引用。 diff --git a/images/wechat_code.jpg b/images/wechat_code.jpg new file mode 100644 index 0000000..68e025a Binary files /dev/null and b/images/wechat_code.jpg differ diff --git a/pages/escort/itemlist.wxml b/pages/escort/itemlist.wxml index 3663526..1ae6b68 100644 --- a/pages/escort/itemlist.wxml +++ b/pages/escort/itemlist.wxml @@ -6,7 +6,8 @@ 所以这里不写页名,只让用户动手挑(下面两组就是可选项); 记号沿用详情页页首那一支(64×8rpx 短横 + 22rpx 间距), 两页共用同一套页面级抬头语言; - ② 一张说明白卡:城市与费用披露 → 发丝线 → 两个入口。 + ② 一张说明白卡:只放城市与费用披露(原"披露 → 发丝线 → 两个条款入口" + 三段中的后两段已下移到页尾文档行)。 卡首不放短横色标——短横是页面级记号,区块级留给两个组头的竖条。 先给一句引导再读披露,首屏是"引导 → 声明 → 清单"三层。 卡面走"白卡 + 发丝边 + 紧阴影"(中性 --shadow-card,与首页白卡同值), @@ -18,17 +19,23 @@ 目前已开通北京、天津。费用仅含人工服务费,不含就医费用。 - - - - 服务指南 - - - - - 用户协议 - - + + + + + 不想线上预约? + + 直接联系人工客服 + @@ -85,17 +92,17 @@ - - - 没有合适的? - - 联系人工客服 - + + + + 服务指南 + + + + 用户协议 diff --git a/pages/escort/itemlist.wxss b/pages/escort/itemlist.wxss index 71f5916..73d767c 100644 --- a/pages/escort/itemlist.wxss +++ b/pages/escort/itemlist.wxss @@ -1,7 +1,7 @@ /* pages/escort/itemlist.wxss 设计方向:本页是一张"按要办的事挑服务"的价目单,8 条服务同一个形状才方便扫读。 - 页首分两层:纸面上一行「短横色标 + 一句引导」(让用户动手挑), - 下面接说明白卡(城市与费用披露 → 发丝线 → 两个入口)。 + 下面接说明白卡(只放城市与费用披露;两枚条款入口已下移到页尾文档行)。 先给一句引导再读披露,首屏是"引导 → 声明 → 清单"三层, 而不是一上来就撞条款;也让首屏从纸面上拎起一个落点,而不是三段裸字 - 八条服务按"要办的事"分两组,每组是一块通栏白底:组头(竖条 + 36rpx 标题 + @@ -34,18 +34,18 @@ (代价是 500 在部分 Android 上会落回常规,详见 .book-btn 注释) - 价格按用户要求弱化:--muted + 字重 500(本页对 §2.1「价格数字」的例外,已登记) - 字号阶梯:正文对齐 agreement 页的 28rpx,本页据此排成 - 组标题 36 / 名称 · 价格 32 / 按钮 30 / 副题 · 说明 · 披露 · 入口 · 页脚 28 / + 组标题 36 / 名称 · 价格 32 / 按钮 30 / 副题 · 说明 · 披露 · 入口 · 客服卡 28 / 规格签 26(rpx)。比原来整页抬了一档,是为老人可读性; 全页最小字号因此从 24rpx(12px) 升到 26rpx(13px) - - 形状锁定:页首说明卡 28rpx(与首页白卡同值)、页脚浅橙卡 28rpx(与首页 - .quick-item-full 同值)、预约按钮 28rpx(= 高 56rpx 的一半,成胶囊)、 + - 形状锁定:页首说明卡与客服卡 28rpx(与首页白卡 / .quick-item-full 同值)、 + 预约按钮 28rpx(= 高 56rpx 的一半,成胶囊)、 规格签 6rpx(已按用户要求去掉左竖条)、分组白底 0(通栏块);其余圆角一律不做 - 白面的托形语言全页一套,且与首页一致:白面走 2rpx --line + --shadow-card - (中性暖墨 0 2rpx 10rpx rgba(63,43,25,.07));页脚那张浅橙面走 2rpx + (中性暖墨 0 2rpx 10rpx rgba(63,43,25,.07));客服卡那张浅橙面走 2rpx --brand-line、去阴影(与首页 intro-card / quick-item-full 相同)。 全页因此仍没有彩色阴影 - 与首页的对齐账(本轮):① 区块竖条回到首页同一支(8×36,此前被放大到 12×48); - ② 页尾补一张浅橙收口卡,把"暖色只剩线、没有面"这一档补回来。 + ② 补一张浅橙客服卡(页首披露卡下方、清单上方),把"暖色只剩线、没有面"这一档补回来。 落差只剩一处,且是分工使然:首页「立即预约」是实心 --brand-strong 胶囊(1 个主 CTA), 本页「预约」是 3rpx 空心环(8 个并列动作)——8 个实心橙排一列会撞 §2.1,故不跟 */ page { @@ -78,8 +78,10 @@ page { 落在纸面上仍读得出"页面从这里开始"。 位置在说明卡之上、纸面上:先给一句引导,再读卡里的城市与费用披露, 首屏因此是"引导 → 声明 → 清单"三层,而不是一上来就撞条款 */ +/* 首屏前言区(引导 → 披露卡 → 客服卡)三处上下间隙由 32 收到 24rpx: + 前言是页级说明,比下面的章节(.group 的 36rpx 纸面留白)紧一档是刻意的 */ .page-lead { - margin-top: 32rpx; + margin-top: 24rpx; } .page-accent { @@ -100,14 +102,16 @@ page { /* ===== 说明卡:页首第二块 ===== 页内大标题与导航栏的「陪诊服务」重复,不重复写; - 说明做成一张白卡(发丝边 + 紧阴影),卡内三段:一句关键披露 → 发丝线 → 两个入口。 + 说明做成一张白卡(发丝边 + 紧阴影),卡内只放一句关键披露—— + 原"披露 → 发丝线 → 两个条款入口"三段里的后两段已下移到页尾文档行。 圆角与阴影按用户要求对齐首页的白卡语言:28rpx + 中性 --shadow-card (首页带阴影的白卡 .assist-card / .quick-item 都是这两个值)。 - 形状仍是"内缩圆角卡",不改通栏白条:上方 32rpx 纸面缺口只有配圆角才成立—— + 形状仍是"内缩圆角卡",不改通栏白条:上方 24rpx 纸面缺口只有配圆角才成立—— 方角通栏顶上留一道纸,会读成"这条被切掉了一截" */ .notice { - margin-top: 32rpx; - padding: 20rpx 28rpx 8rpx; + margin-top: 24rpx; + /* 上下内距对称:原先 20/8 是给卡底的入口行让位,入口行撤走后收回 24/24 */ + padding: 24rpx 28rpx; background: var(--white); border: 2rpx solid var(--line); border-radius: 28rpx; @@ -117,55 +121,48 @@ page { /* 这句是费用披露,不是可有可无的说明,所以白卡上给 --ink-2 而不是 --muted */ .notice-text { display: block; - margin-top: 18rpx; font-size: 28rpx; color: var(--ink-2); line-height: 1.7; } -/* 卡内的横向分隔线,与入口行之间那根竖分隔线不是同一个东西 */ -.notice-hr { - height: 2rpx; - margin-top: 20rpx; - background: var(--line); -} - -/* 入口另起一行:细竖线分隔,与首页场景行同一套写法 - (2rpx 竖线、#E5DACC,不用中点字符)。 - 文字用 --brand-ink + 700,和页脚的文字链同一套语言—— - 上面那句披露是 --ink-2 常规字重的"要读的内容",这两个入口是"能点的动作", - 靠暖色 + 字重与正文拉开,避免它们被读成又一行元信息 */ -.notice-links { +/* ===== 页尾文档行 ===== + 服务指南 / 用户协议两枚链接,从页首披露卡下移到这里。 + 不做卡:清单已由末组的卡边收口,页尾只补一行"文档级"元信息,重量压到最低。 + 细竖线分隔(2rpx 宽 × 20rpx 高,--sep #E5DACC),与首页场景行、页脚元信息行 + 同一套写法,不用中点字符(一行多点违规)。 + 文字走 --brand-ink + 700——与上方说明的 --muted 常规字重拉开,读成"能点的动作" + 而不是又一行元信息;文字链自身即点击暗示,不再挂 chevron。 + 上距 40rpx 与容器底部内距 40rpx 对称,把末组与页脚之间撑开 */ +.doc-links { display: flex; align-items: center; + justify-content: center; + margin-top: 40rpx; } -/* 上下各 22rpx 是真实行距,不再用负外边距抵消: - 原来那套 padding 16rpx + margin -16rpx 只撑热区、不占高度, - 视觉上两个入口贴着上方发丝线与卡的底边,太挤。 - 现在热区 22+36+22 = 80rpx(40px),比原来的 58rpx 更好点; - 与卡底边之间是 22rpx + 卡的 8rpx 下内距 = 30rpx,和卡顶的 30rpx 对称 */ -.notice-link { +/* 文字 28rpx,用 padding 16rpx 撑到约 72rpx(36px) 热区,再以等量负外边距抵消,行高不变 */ +.doc-link { display: flex; align-items: center; - padding: 22rpx 0; + padding: 16rpx 0; + margin: -16rpx 0; } -.notice-link:active { +.doc-link:active { opacity: 0.7; } -.notice-link-text { - margin-right: 4rpx; +.doc-link-text { font-size: 28rpx; font-weight: 700; color: var(--brand-ink); letter-spacing: 1rpx; } -.notice-sep { +.doc-sep { width: 2rpx; - height: 24rpx; + height: 20rpx; margin: 0 24rpx; background: var(--sep); } @@ -207,8 +204,8 @@ page { 行线 3rpx dashed --sep ← 同宽同色,但虚线读起来轻 行线色 --sep 比卡边色 --line 深,所以实线的重音给章线(--sep 3rpx solid)、 轻音给行线(--sep 3rpx dashed),层级交由实/虚区分,不靠继续加深线色。 - 原先还有第四条"页脚 2rpx solid --line"收尾;页脚改成浅橙收口卡后, - 那道发丝线由卡自己的 --brand-line 描边接替,线种从四收成三 */ + 原先还有第四条"页脚 2rpx solid --line"收尾;页脚已撤销(客服卡上移到披露卡下), + 页面由末组的卡边(--line 发丝边)收尾,线种仍是三 */ .group-head { padding-bottom: 18rpx; border-bottom: 3rpx solid var(--sep); @@ -233,8 +230,8 @@ page { /* 区块标识:单竖条,与首页 .section-bar 是同一支记号(8rpx 宽、圆角 4rpx)。 规则是"竖条高 = 标题字号":首页 8×34rpx 配 34rpx 标题,本页标题 36rpx 故取 36。 沿革:8×40 → 12×48 → 回到 8×36。中间那次放大是为了给全页补一个实心暖橙锚点 - (那时主色只出现在 8 个按钮环上,页面偏"文档感");现在页尾补上了浅橙收口卡 - (.page-footer),暖色锚点由它承担,竖条就还给首页那一支—— + (那时主色只出现在 8 个按钮环上,页面偏"文档感");现在有了浅橙客服卡 + (.contact-card)承担暖色锚点,竖条就还给首页那一支—— 两页标题只差 2rpx,记号若差 1.5 倍,读起来就不是同一套 */ .group-bar { width: 8rpx; @@ -460,44 +457,49 @@ page { letter-spacing: 1rpx; } -/* ===== 页脚:浅橙收口卡 ===== +/* ===== 人工客服:浅橙旁路卡 ===== 它就是首页「常用功能」区块尾部的「联系我们」卡(.quick-item-full), 同一套做法:--brand-soft 底 + 2rpx --brand-line 描边 + 去阴影 + 28rpx 圆角。 - 为什么页尾要有一张暖色面:首页的节奏是"白卡 … 白卡 … 一张浅橙卡收口" + 位置:紧接页首披露卡、压在清单上方。原是守在页尾的"收口卡", + 现上移为"不想线上预约"的旁路——页尾因此不再设卡,由末组的卡边收尾。 + 文案是本页的"情形 + 动作"两段式:muted 情形问句 + 暖橙动作链, + 情形从"没有合适的?"(扫完清单后的兜底)换成"不想线上预约?"(未看先问)。 + 为什么保留这一张暖色面:首页的节奏是"白卡 … 白卡 … 一张浅橙卡收口" (陪诊服务收在介绍卡上,常用功能收在联系我们上)。本页原先 4 张白面 - 一张暖色收口都没有,暖色只剩"线"——竖条、按钮环、暖橙字, + 一张暖色面都没有,暖色只剩"线"——竖条、按钮环、暖橙字, 整页因此比首页轻一大截;这张卡就是补回来的那一张"面"。 浅橙底与纸面的填充差只有约 1.03:1,但面积够大,大面积暖色自身可辨, - 再配 --brand-line 描边就够,与首页那张一样不加阴影 */ -.page-footer { + 再配 --brand-line 描边就够,与首页那张一样不加阴影。 + 上距 24rpx 与页首两层之间的节奏同值;到清单的 36rpx 由后面 .group 自己给出 */ +.contact-card { display: flex; align-items: center; justify-content: center; - margin-top: 36rpx; + margin-top: 24rpx; padding: 24rpx 28rpx; background: var(--brand-soft); border: 2rpx solid var(--brand-line); border-radius: 28rpx; } -.footer-text { +.contact-ask { font-size: 28rpx; color: var(--muted); } /* 文字 28rpx,用 padding 16rpx 把热区撑到约 72rpx(36px),再用等量负外边距抵消,行高不变 */ -.footer-link { +.contact-link { display: flex; align-items: center; padding: 16rpx 0; margin: -16rpx 0; } -.footer-link:active { +.contact-link:active { opacity: 0.7; } -.footer-link-text { +.contact-link-text { font-size: 28rpx; font-weight: 700; color: var(--brand-ink); diff --git a/pages/health/profileedit.wxml b/pages/health/profileedit.wxml index e114b2f..2dd03ff 100644 --- a/pages/health/profileedit.wxml +++ b/pages/health/profileedit.wxml @@ -1,14 +1,18 @@ + - - 姓名* - + 姓名 + - + 性别 + @@ -17,46 +21,46 @@ - + 出生年月 - + {{form.birth || '请选择出生年月'}} - - 联系电话* - + 联系电话 + - + 证件号 - + - + 健康备注