diff --git a/doc/DESIGN.md b/doc/DESIGN.md index b050686..06cd12d 100644 --- a/doc/DESIGN.md +++ b/doc/DESIGN.md @@ -30,7 +30,7 @@ |---|---|---|---| | `--brand-strong` | `#B8520A` | 主按钮、价格数字、选中态、实心强调块 | 纸面 4.66:1,白卡 4.94:1;白字压其上 4.94:1 | | `--brand-ink` | `#9B4508` | 标签文字、文字链、暖色小标题、图标 | 浅橙底 5.96:1,纸面 6.10:1,白卡 6.46:1 | -| `--brand-line` | `#FFE0C2` | 浅橙块描边、浅橙档的状态描边 | 仅做描边 | +| `--brand-line` | `#FFE0C2` | 浅橙块描边、浅橙档的状态描边;`itemlist` 预约按钮软填充(§2.1 例外已登记) | 仅做描边;按钮填充见例外 | | `--brand-soft` | `#FFF4E8` | 浅橙底:说明砖、图标衬底、按钮按下态 | 仅做底 | 用法边界: @@ -38,8 +38,8 @@ - `--brand-strong` 是唯一可当"实心大色块"的值;全页同类实心块不超过一处。 - `--brand-soft` 只能当底,不能当文字色或描边色。 - 浅橙底上的文字一律走 `--brand-ink`(`--brand-strong` 落其上仅 4.56:1,余量小)。 -- 例外(已登记):`escort/itemlist` 价格数字改走 `--muted` + 字重 500,让「预约」空心胶囊独占焦点;同页价格列只用这一个色值、一种字重。 -- 例外(已登记):`escort/itemlist`「预约」按钮走**空心胶囊**——3rpx `--brand-strong` 环 + 28rpx 满圆角 + `--brand-ink` 字 30rpx/500,无填充无阴影,按下填 `--brand-line`。同行规格签已是"浅橙底 + 6rpx 圆角",按钮若同族会与之撞形;**同一行只允许一个填充物**,按钮独占"环"形态。该页因此无实心大色块。 +- 备注(2026-10-18):`escort/itemlist` 价格数字走回默认 `--brand-strong` + 字重 500(本表「价格数字」用途原位,白卡 4.94:1),同页价格列只用这一个色值、一种字重;其间短暂用过 `--ink-2`,已回退,不再是例外。 +- 例外(已登记,2026-10-18 修订):`escort/itemlist`「预约」按钮走**软填充胶囊**——3rpx `--brand-strong` 环 + `--brand-line` 填充 + 28rpx 满圆角 + `--brand-ink` 字 30rpx/500,按下整粒 `opacity .85`。沿革:原为空心胶囊(按下才填 `--brand-line`),规格签删底后"撞形"根因消失,改常填。环不可撤——`--brand-line` 填充落白卡仅约 1.1:1,非文本 3:1 由环承担(4.94:1)。**同一行只允许一个填充物**仍成立(规格签已是纯文字)。 ### 2.2 第二色:暖墨文字层 @@ -69,8 +69,8 @@ - 线是切分工具,不表意,不上主色或状态色。浅橙底上必须用 `--sep`(`--brand-line` 落 `--brand-soft` 上仅 1.16:1,肉眼看不出)。 - `--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` 同源,补回该页"暖色只剩线、没有面"的那一档。位置在**页首披露卡下方、清单上方**(原为页尾的"收口卡",已上移):文案走本页"情形 + 动作"两段式(muted「不想线上预约?」+ 暖橙链「直接联系人工客服」)。页尾不设卡,改由一行**文档级元信息**收尾——细竖线分隔的「服务指南 │ 用户协议」(从页首披露卡下移,不加卡、不加 chevron,文字链自身即点击暗示);披露卡因此退回纯声明,只留城市与费用披露。 +- 例外(已登记,2026-10-18 修订):`escort/itemlist` 服务分组改为**组头落纸面 + 每项一张白卡**——项卡 `--white` + 2rpx `--line` + 24rpx 圆角 + `--shadow-card`、内距 28rpx、卡间距 20rpx(相邻选择器给出);原"通栏白底块(圆角 0)+ 虚线行"撤销——白带与项卡会叠成两层底。行宽由 686rpx 降至约 626rpx。组头副题说明砖走浅橙面配方:`--brand-soft` 填充 + 2rpx `--brand-line` 描边 + 14rpx 圆角(§四.5 说明砖填充必须中性,`--brand-line` 仅作描边;落纸面靠描边托形)。页首 `.notice` 由白卡降为纸面一行「圆点 + 26rpx `--ink-2` 小字」,费用披露不降 `--muted`。 +- 例外(已登记):`escort/itemlist` 的**人工客服旁路卡**做浅橙面(`--brand-soft` + 2rpx `--brand-line` + 28rpx 圆角 + 去阴影),与首页 `.quick-item-full` 同源,补回该页"暖色只剩线、没有面"的那一档。位置在**清单之后、文档行之前**(沿革:页尾"收口卡"→页首清单上方→2026-10-18 下沉回清单之后——旁路属兜底,压在清单前会把不打算自助的用户先引走,也白占首屏):文案走本页"情形 + 动作"两段式(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`。状态色不得用于按钮(§三),退出因此不走红/橙,区分只靠结构与位置。 @@ -134,6 +134,10 @@ 已完成(2026-10-06):`escort/attendantlist` 4 文件迁至 `attendant/attendantlist`,同目录新增 `attendant/attendantdetail`(4 文件),两页一并并入暖橙体系——`attendantlist.wxss` 的 page 级令牌副本(停在旧值 `#C2410C` / `#9A3412`)整块删除,改用 `app.wxss` 唯一来源,`page{}` 只留 `background-color: var(--paper)`(同 `guide`);`.wxml` 的 `t-icon` 硬编码 `#9A3412`→`#9B4508`,两处竖分隔线 `#E5DACC`→`--sep`。结构:列表卡右侧补 `chevron-right`(`#6F655C`)作点击暗示,整卡可点进详情;详情页按国标 4.2.1.5 分区——主卡(头像 / 脱敏名 / 已核验徽标 / 服务年限 · 累计服务次数,居中)+ 擅长场景(全量,不截断)+ 服务信息(性别 / 服务区域 / 服务语言,空项整行隐藏)+ 个人简介(未填整块隐藏),全页无实心色块、不新增色相,说明行仍是「公示信息,不含联系方式」。入口仍在首页介绍卡信任行(`goToAttendants`),`app.json` 两条路由同步改路径。同日按国标 4.2.1.5 补全公示项:详情页加「资质与培训」(健康证明有效期 + 培训记录)与「过往服务评价」两个分区,两区均无数据时整块隐藏;区块内条目用 `--line` 发丝线分隔,评分用 48rpx `--ink` 大字 + `--muted` 小数(`/ 5`)与条数,无实心色块。 +已完成(2026-10-18):`health/profilelist` 卡片重构为「身份牌」结构——首字牌 + 姓名/性别签 + 竖线分隔元信息行(空值整项剔除,不留「未填写」)+ 备注单行省略,与 `recorddetail` 就诊人卡同语言。删除动作由「卡内操作行」改为**右上角安静图标**(`catchtap` 防冒泡、确认弹窗兜底):孤行删除撑不满一行、反而拉高卡片;上文「删除动作下沉到卡内操作行」的描述就此被替代。 + +已完成(2026-10-18):`escort/itemlist` 版式重排并同步本档——结构由「通栏白底章节带」改「组头落纸面 + 每项一张白卡」,虚线行与章线撤销;`.notice` 降为纸面披露行,客服旁路卡下沉到清单之后(§2.3 两条例外同步修订);价格 `--muted`→`--brand-strong`(回到「价格数字」默认用途)、「预约」改软填充胶囊(§2.1 按钮例外同步修订);组头副题说明砖按 §四.5 走 `--brand-soft` 填充 + `--brand-line` 描边;规格签删底(`--brand-soft` 落白卡仅 1.08:1 形同虚设),仅时长服务保留签,「按次」删;按钮补透明热区(`::after` 外扩 6rpx,触控 56→68rpx)。全页仍单色相、无新色。 + ### 5.2 系统级(不在页面里,最易漏) | 位置 | 现状 | 应改为 | @@ -195,7 +199,7 @@ | 3 | `pages/home/index.wxss` | `.brand-mark` 的 `box-shadow` | `rgba(184, 82, 10, 0.16)` | `rgba(194, 65, 12, 0.16)` | | 4 | `pages/home/index.wxss` | 8 个 base64 线图标的 `stroke` | `#B8520A` | `#C2410C` | | 5 | `pages/home/index.wxml` | 第 119 行 `t-icon` 的 `color` | `#9B4508` | `#9A3412` | -| 6 | `pages/escort/itemlist.wxml` | 第 25 / 30 / 96 行 `t-icon` 的 `color` | `#9B4508` | `#9A3412` | +| 6 | `pages/escort/itemlist.wxml` | 第 82 行 `t-icon` 的 `color`(客服卡 chevron,全页唯一一处) | `#9B4508` | `#9A3412` | | 7 | `custom-tab-bar/index.js` | 第 8 行 `activeColor` | `#B8520A` | `#C2410C` | | 8 | `custom-tab-bar/index.wxss` | 第 39 行 `.tab-item.is-active .tab-text` | `#B8520A` | `#C2410C` | | 9 | `app.json` | 第 30 行 `tabBar.selectedColor` | `#B8520A` | `#C2410C` | diff --git a/pages/attendant/attendantdetail.wxss b/pages/attendant/attendantdetail.wxss index 0699da4..8001cf4 100644 --- a/pages/attendant/attendantdetail.wxss +++ b/pages/attendant/attendantdetail.wxss @@ -80,8 +80,8 @@ page { align-items: center; flex-shrink: 0; margin-left: 14rpx; - padding: 4rpx 12rpx; - border-radius: 8rpx; + padding: 4rpx 14rpx; + border-radius: 10rpx; background: var(--brand-soft); border: 2rpx solid var(--brand-line); } @@ -154,8 +154,8 @@ page { .tag { margin: 0 12rpx 12rpx 0; - padding: 8rpx 18rpx; - border-radius: 8rpx; + padding: 6rpx 14rpx; + border-radius: 10rpx; background: var(--brand-soft); border: 2rpx solid var(--brand-line); font-size: 26rpx; diff --git a/pages/attendant/attendantlist.wxss b/pages/attendant/attendantlist.wxss index cec77f5..1550f5f 100644 --- a/pages/attendant/attendantlist.wxss +++ b/pages/attendant/attendantlist.wxss @@ -135,8 +135,8 @@ page { align-items: center; flex-shrink: 0; margin-left: 14rpx; - padding: 4rpx 12rpx; - border-radius: 8rpx; + padding: 4rpx 14rpx; + border-radius: 10rpx; background: var(--brand-soft); border: 2rpx solid var(--brand-line); } @@ -183,7 +183,7 @@ page { .staff-tag { margin: 0 12rpx 12rpx 0; padding: 6rpx 14rpx; - border-radius: 8rpx; + border-radius: 10rpx; background: var(--brand-soft); border: 2rpx solid var(--brand-line); font-size: 24rpx; diff --git a/pages/escort/itemdetail.js b/pages/escort/itemdetail.js index aa3dedf..617a589 100644 --- a/pages/escort/itemdetail.js +++ b/pages/escort/itemdetail.js @@ -83,10 +83,24 @@ Page({ const totalPrice = this.calculateTotal(service.price, 1) this.setData({ service: service, + serviceIcon: this.getServiceIcon(service.title), totalPrice: totalPrice }) }, + // 弹窗服务标记:原占位图是全服务共用的一张白色线稿,落在浅橙面板上看不见, + // 改用暖橙 t-icon(名称均已核对 tdesign 图标表,写错不报错只会渲染为空)。 + // 图标按服务名选:夜间→月亮,陪诊→时钟,其余(取报告/代取药品等代办)→人像 + getServiceIcon(title) { + if (title.indexOf('夜间') > -1) { + return 'moon' + } + if (title.indexOf('陪诊') > -1) { + return 'time' + } + return 'user-business' + }, + calculateTotal(price) { return price }, diff --git a/pages/escort/itemdetail.wxml b/pages/escort/itemdetail.wxml index 6299e3c..29ee92b 100644 --- a/pages/escort/itemdetail.wxml +++ b/pages/escort/itemdetail.wxml @@ -66,7 +66,7 @@ ¥ {{ totalPrice }} - + @@ -84,7 +84,9 @@ - + + + {{service.title}} ¥{{service.price}}/次 diff --git a/pages/escort/itemdetail.wxss b/pages/escort/itemdetail.wxss index a719eb4..571c85c 100644 --- a/pages/escort/itemdetail.wxss +++ b/pages/escort/itemdetail.wxss @@ -71,7 +71,7 @@ page { background: var(--brand-soft); border: 2rpx solid var(--brand-line); color: var(--brand-ink); - font-size: 22rpx; + font-size: 24rpx; font-weight: 700; letter-spacing: 1rpx; white-space: nowrap; @@ -390,12 +390,16 @@ page { border: 2rpx solid var(--brand-line); } -.order-service-image { +/* 服务标记:暖橙 t-icon 直接落在浅橙面板上(--brand-ink 5.96:1)。 + 原占位图是全服务共用的白色线稿,白底白图等于隐形; + 保留 96×96 定宽让标题列与旧版对齐,只换内容不挪版 */ +.order-service-mark { + display: flex; + align-items: center; + justify-content: center; width: 96rpx; height: 96rpx; - border-radius: 14rpx; flex-shrink: 0; - background: var(--white); } .order-service-text { diff --git a/pages/escort/itemlist.js b/pages/escort/itemlist.js index 40e721b..11db7be 100644 --- a/pages/escort/itemlist.js +++ b/pages/escort/itemlist.js @@ -9,12 +9,13 @@ // 拿成员名当组名,另外三项会读成"剩下的";用「就医代办」则不与任何一项重名, // 也与组内已有的「出入院代办」共用同一个动作词。 // note 是每组标题下的一句副题(这组是给谁的),只讲"什么情况适合选这一组", -// 不重复列服务;在页面上挂 .group-sub,是扁平小字而非卡片 +// 不重复列服务;在页面上挂 .group-sub(暖橙说明砖:--brand-soft 底 + --brand-line 描边)。 +// 收在 22 字以内:砖内文字宽约 642rpx,28rpx 字号一行约 23 字,超了会折行、砖变高 // ids 对应 services.js 里的服务 id,取不到的项会被跳过 const SERVICE_GROUPS = [{ key: 'accompany', title: '陪同就医', - note: '不熟悉医院流程、上班脱不开身、不便独自就诊、需要夜间陪诊的情况都适合,就诊当天有人全程陪着。', + note: '有人全程陪同就诊,适合不便独自前往的情况', ids: [1, 2, 7] // 全天陪诊 / 半天陪诊 / 夜间陪诊 }, { @@ -22,22 +23,18 @@ const SERVICE_GROUPS = [{ title: '就医代办', // 「开药」已改为「取药」:国标 8.1 只列「领取药物」,开药属开具处方的医疗行为, // 会擦 8.2「提供医疗建议」「代替选择用药方案」;取药是凭已有处方代领,口径与 id 8 一致 - note: '代问诊、预约检查时间、取报告、办手续、取药等跑腿服务都可以代劳,本人不必到场。', + note: '代问诊、跑腿取药取报告,本人不必到场。', ids: [3, 4, 5, 6, 8] // 代问诊 / 检查预约 / 出入院代办 / 跑腿服务 / 取药快递 } ] -// 规格签:把"这一单买的是什么"从说明句里提出来,各行口径一致—— -// 按时长计费的服务标出时长,按次计费的标"按次"。id 对应 services.js,取不到就不显示 +// 规格签:只在有时长信息时出现——按时长计费的服务标出时长。 +// 「按次」已删:第二组五项全是按次,组内全员同签等于没信息,五个相同的签连排只是噪音。 +// id 对应 services.js,取不到就不显示 const UNIT_BY_ID = { 1: '8小时/次', 2: '4小时/次', - 3: '按次', - 4: '按次', - 5: '按次', - 6: '2小时/次', - 7: '4小时/次', - 8: '按次' + 7: '4小时/次' } // 价目表上的价格去掉无意义的 .00(各行都是整元),扫起来更快 diff --git a/pages/escort/itemlist.wxml b/pages/escort/itemlist.wxml index 1ae6b68..2fc7442 100644 --- a/pages/escort/itemlist.wxml +++ b/pages/escort/itemlist.wxml @@ -6,12 +6,11 @@ 所以这里不写页名,只让用户动手挑(下面两组就是可选项); 记号沿用详情页页首那一支(64×8rpx 短横 + 22rpx 间距), 两页共用同一套页面级抬头语言; - ② 一张说明白卡:只放城市与费用披露(原"披露 → 发丝线 → 两个条款入口" - 三段中的后两段已下移到页尾文档行)。 - 卡首不放短横色标——短横是页面级记号,区块级留给两个组头的竖条。 - 先给一句引导再读披露,首屏是"引导 → 声明 → 清单"三层。 - 卡面走"白卡 + 发丝边 + 紧阴影"(中性 --shadow-card,与首页白卡同值), - 把首屏从纸面上拎起来;形状仍是内缩圆角卡,不改成通栏白条 --> + ② 一行"圆点 + 小字"的费用披露(本轮由白卡降为纸面行): + 只放城市与费用披露,圆点沿用详情页「注意事项」的注意项语言。 + 先给一句引导再读披露,首屏仍是"引导 → 声明 → 清单"三层, + 但"声明"这一层不再占一张卡,服务与价格因此更早露出首屏 + (详见 itemlist.wxss 文件头「本轮样式调整」) --> 请选择相应的服务 @@ -21,44 +20,23 @@ 目前已开通北京、天津。费用仅含人工服务费,不含就医费用。 - - - 不想线上预约? - - 直接联系人工客服 - - - - - + 预约按钮本轮由"空心胶囊"改为"暖橙环 + --brand-line 软填充"的胶囊(详见 .book-btn) --> @@ -92,6 +70,19 @@ + + + 不想线上预约? + + 直接联系人工客服 + + + + + 删除收在卡片右上角、走 --muted 图标(catchtap 不冒泡,不触发整卡进编辑) --> + + + + + + {{item.initial}} + + {{item.name}} {{item.sexText}} - - 出生年月 - {{item.birth || '未填写'}} + + + + {{meta}} + - - 联系电话 - {{item.mobile || '未填写'}} - - - 证件号 - {{item.idnumberText}} - - - 健康备注 - {{item.remark}} - - - - - - - - 删除 + 健康备注 {{item.remark}} diff --git a/pages/health/profilelist.wxss b/pages/health/profilelist.wxss index d86a9a5..aaa596c 100644 --- a/pages/health/profilelist.wxss +++ b/pages/health/profilelist.wxss @@ -47,6 +47,7 @@ page { } .profile-card { + position: relative; padding: 28rpx 28rpx 24rpx; border-radius: 28rpx; background: var(--white); @@ -60,28 +61,70 @@ page { margin-top: 24rpx; } -/* 主体整块可点进编辑。chevron 已去掉,点击暗示由按下态(.profile-main-hover)承担 */ +/* 主体整块可点进编辑。chevron 已去掉,点击暗示由按下态(.profile-main-hover)承担: + transform: scale(0.99)——与记录卡(recordlist .record-card:active)同一套按压语言 */ .profile-main { display: flex; align-items: center; justify-content: space-between; + transition: transform 0.15s ease; } .profile-main-hover { - opacity: 0.7; + transform: scale(0.99); +} + +/* 首字牌:浅橙衬底 + --brand-line 描边,与订单详情页就诊人身份牌同源 + (88rpx、24rpx 圆角、40rpx/700 暖橙姓氏首字;无姓名退到 user 图标) */ +.profile-mark { + box-sizing: border-box; + flex-shrink: 0; + display: flex; + align-items: center; + justify-content: center; + width: 88rpx; + height: 88rpx; + border: 2rpx solid var(--brand-line); + border-radius: 24rpx; + background: var(--brand-soft); +} + +.profile-mark-text { + font-size: 40rpx; + font-weight: 700; + color: var(--brand-ink); + letter-spacing: 1rpx; } .profile-info { flex: 1; min-width: 0; + margin-left: 20rpx; +} + +/* 删除:右上角安静图标。56rpx 热区 + 12rpx 内缩,不压卡边; + 图标走 --muted 档(#6F655C 与令牌同步),按下整粒变淡作反馈 */ +.profile-delete { + position: absolute; + top: 8rpx; + right: 8rpx; display: flex; - flex-direction: column; + align-items: center; + justify-content: center; + width: 56rpx; + height: 56rpx; + border-radius: 16rpx; +} + +.profile-delete:active { + opacity: 0.5; } .profile-top { display: flex; align-items: center; - margin-bottom: 12rpx; + /* 右侧给删除图标留位,长姓名 + 性别签不被压住 */ + padding-right: 64rpx; } /* 姓名是本页最重的字,走 --ink 700(标题档) */ @@ -92,68 +135,52 @@ page { } /* 性别签:浅橙衬底档(--brand-soft + 2rpx --brand-line + --brand-ink), + 圆角 10rpx 与记录页状态胶囊同一族(徽章/标签圆角规范值), 字号 24rpx 是中文最小字号下限,不得再小 */ .sex-tag { margin-left: 16rpx; - padding: 4rpx 12rpx; - border-radius: 6rpx; + padding: 4rpx 14rpx; + border-radius: 10rpx; background: var(--brand-soft); border: 2rpx solid var(--brand-line); font-size: 24rpx; color: var(--brand-ink); } -/* 标签走 --muted、值走 --ink-2:只表示文字层级,不给可点性上色 */ -.info-row { +/* 元信息行:出生年月 | 电话 | 证件号,空值在 JS 里整项剔除(连同分隔线), + 竖线 2rpx×20rpx 取 --sep——与订单详情页 meta 行同一套写法 */ +.meta-list { display: flex; - align-items: flex-start; + align-items: center; + margin-top: 12rpx; } -.info-row + .info-row { - margin-top: 8rpx; +.meta-item { + font-size: 24rpx; + color: var(--muted); + letter-spacing: 1rpx; + line-height: 1.6; } -.info-label { +.meta-sep { flex-shrink: 0; - width: 140rpx; - font-size: 26rpx; - color: var(--muted); -} - -.info-value { - flex: 1; - min-width: 0; - font-size: 28rpx; - color: var(--ink-2); - word-break: break-all; -} - -/* 卡片操作行:与主体隔一条发丝线,删除靠右排(与「邮寄地址」卡同一位置) */ -.profile-actions { - display: flex; - align-items: center; - justify-content: flex-end; - margin-top: 24rpx; - padding-top: 20rpx; - border-top: 2rpx solid var(--line); -} - -/* 文字只有 26rpx 高,用 padding 撑热区、等量负外边距抵消,不改变行高 */ -.profile-action { - display: flex; - align-items: center; - padding: 16rpx 0; - margin: -16rpx 0; -} - -.profile-action-icon { - margin-right: 10rpx; - color: var(--muted); -} - -.profile-action-text { - font-size: 26rpx; + width: 2rpx; + height: 20rpx; + margin: 0 14rpx; + background: var(--sep); +} + +/* 健康备注:单行省略——列表只做提示,全文进编辑页看 */ +.profile-remark { + display: block; + margin-top: 8rpx; + font-size: 24rpx; color: var(--muted); + letter-spacing: 1rpx; + line-height: 1.6; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } /* ===== 空态 ===== */