tmp

pages/escort/itemlist.wxml

@@ -6,7 +6,8 @@
             所以这里不写页名，只让用户动手挑（下面两组就是可选项）；
             记号沿用详情页页首那一支（64×8rpx 短横 + 22rpx 间距），
             两页共用同一套页面级抬头语言；
-         ② 一张说明白卡：城市与费用披露 → 发丝线 → 两个入口。
+         ② 一张说明白卡：只放城市与费用披露（原"披露 → 发丝线 → 两个条款入口"
+            三段中的后两段已下移到页尾文档行）。
             卡首不放短横色标——短横是页面级记号，区块级留给两个组头的竖条。
          先给一句引导再读披露，首屏是"引导 → 声明 → 清单"三层。
          卡面走"白卡 + 发丝边 + 紧阴影"（中性 --shadow-card，与首页白卡同值），
@@ -18,17 +19,23 @@
 
     <view class="notice">
       <text class="notice-text">目前已开通北京、天津。费用仅含人工服务费，不含就医费用。</text>
-      <view class="notice-hr"></view>
-      <view class="notice-links">
-        <view class="notice-link" bindtap="goToGuide">
-          <text class="notice-link-text">服务指南</text>
-          <t-icon name="chevron-right" size="26rpx" color="#9B4508" />
-        </view>
-        <view class="notice-sep"></view>
-        <view class="notice-link" bindtap="goToAgreement">
-          <text class="notice-link-text">用户协议</text>
-          <t-icon name="chevron-right" size="26rpx" color="#9B4508" />
-        </view>
+    </view>
+
+    <!-- 人工客服旁路：紧接披露卡、压在清单上方，翻到清单前就给它一个出口。
+         原来是页尾那张浅橙"收口卡"，现上移为"不想线上预约"的旁路——
+         语句也从"没有合适的？"（扫完清单后的兜底）换成"不想线上预约？"（未看先问的情形）。
+         形状与页首披露卡同为内缩圆角卡，但走暖色面。
+         为什么仍要有这一张暖色面：首页的节奏是"白卡 … 白卡 … 一张浅橙卡"
+         （陪诊服务收在介绍卡、常用功能收在联系我们）；本页原先四张白面
+         一张暖色面都没有，暖色只剩"线"（竖条 / 按钮环 / 暖橙字），整页比首页轻一档，
+         这张卡就是补回来的那张"面"。
+         浅橙底与纸面的填充差只有约 1.03:1，但面积够大、大面积暖色自身可辨，
+         再配 --brand-line 描边就够，与首页 .quick-item-full 同源、同样不加阴影 -->
+    <view class="contact-card">
+      <text class="contact-ask">不想线上预约？</text>
+      <view class="contact-link" bindtap="goToContact">
+        <text class="contact-link-text">直接联系人工客服</text>
+        <t-icon name="chevron-right" size="22rpx" color="#9B4508" />
       </view>
     </view>
 
@@ -85,17 +92,17 @@
 
     </view>
 
-    <!-- 页脚：翻完两组仍未决定的兜底出口。
-         做成一张浅橙收口卡——与首页「常用功能」区块尾部的「联系我们」卡
-         （.quick-item-full）同源：--brand-soft 底 + 2rpx --brand-line 描边 + 去阴影。
-         首页每个区块都收在暖色卡上，本页原先四张白面一张暖色面都没有，
-         暖色只剩"线"（竖条 / 按钮环 / 暖橙字），整页因此比首页轻一档；
-         这张卡就是补回来的那张"面"，也是页尾唯一的暖色落点 -->
-    <view class="page-footer">
-      <text class="footer-text">没有合适的？</text>
-      <view class="footer-link" bindtap="goToContact">
-        <text class="footer-link-text">联系人工客服</text>
-        <t-icon name="chevron-right" size="22rpx" color="#9B4508" />
+    <!-- 页尾文档行：服务指南 / 用户协议，从页首披露卡下移到此处。
+         不做卡——清单已由末组的卡边收口，页尾只补一行"文档级"元信息，重量压到最低；
+         细竖线分隔（与首页场景行、页脚元信息行同一套写法），不用中点字符。
+         文字链自身即点击暗示，不再加 chevron -->
+    <view class="doc-links">
+      <view class="doc-link" bindtap="goToGuide">
+        <text class="doc-link-text">服务指南</text>
+      </view>
+      <view class="doc-sep"></view>
+      <view class="doc-link" bindtap="goToAgreement">
+        <text class="doc-link-text">用户协议</text>
       </view>
     </view>
 

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);