This commit is contained in:
lik
2026-10-02 13:52:32 +08:00
parent 63ad613fab
commit 1c4cadd2eb
2 changed files with 120 additions and 87 deletions
+46 -31
View File
@@ -11,30 +11,35 @@
</view>
</view>
<!-- ① 头部:大字标题 + 信任数据条 + 主 CTA。
陪诊是高信任门槛决策,首屏先给可验证的事实(认证 / 覆盖 / 评价),
再给「立即预约」的直达入口;指南降为次级文字链 -->
<!-- ① 头部:大字标题 + 场景行 + 主 CTA。
场景行用三个核心使用场景让用户快速对号入座(尤其异地子女),纯展示不点击;
信任数据下沉到陪诊服务区块的介绍卡,在用户开始了解服务时再补上 -->
<view class="hero">
<view class="hero-title">
<!-- 不用逗号断句:靠「暖橙强调 + 深墨正文」的色差自然切分两个短句 -->
<text class="hero-title-accent">专业陪诊</text>
<text class="hero-title-main">让就医更省心</text>
</view>
<!-- 信任数据条:三项硬事实并列,替代原先的形容词副标题 -->
<view class="trust-row">
<view class="trust-item">
<text class="trust-num">100%</text>
<text class="trust-label">实名认证</text>
<!-- 场景行:三项核心场景两行排布(场景词 + 补充),与下方宫格是「场景概括 vs 全量列表」关系。
场景词对应 GB/T 47801 三类服务对象成因(地域/行动/认知差异),全部 4 字;
补充语统一 7 字「有人…」句式,走叙述层而非承诺层(承诺留给下方 CTA),
动词按就医过程排布且有画面感:当面问(替你问)→ 守身旁(陪你守)→ 办周全(帮你办),
「当面问」强调人真的坐在诊室里替你问(区别于线上代聊),且避开方言词「大夫」与
互联网医疗产品词「问医生」;全部避开「跑腿/代办挂号/问诊」等国标 8.2 红线及易混淆词 -->
<view class="scene-row">
<view class="scene-item">
<text class="scene-name">异地就医</text>
<text class="scene-desc">有人替你当面问</text>
</view>
<view class="trust-sep"></view>
<view class="trust-item">
<text class="trust-num">三甲</text>
<text class="trust-label">熟悉流程</text>
<view class="scene-sep"></view>
<view class="scene-item">
<text class="scene-name">陪同就医</text>
<text class="scene-desc">有人一路守身旁</text>
</view>
<view class="trust-sep"></view>
<view class="trust-item">
<text class="trust-num">24h</text>
<text class="trust-label">在线响应</text>
<view class="scene-sep"></view>
<view class="scene-item">
<text class="scene-name">就医代办</text>
<text class="scene-desc">有人替你办周全</text>
</view>
</view>
<!-- 主行动按钮:通栏胶囊,直达服务列表(下单路径最短化) -->
@@ -44,23 +49,16 @@
</view>
</view>
<!-- ② 陪诊服务:先一句话说清「陪诊是什么」,再列具体服务。
新用户往往不了解这个品类,介绍卡承担教育职责,
也是本区块的视觉锚点(浅橙衬底),下方宫格保持安静 -->
<!-- ② 陪诊服务:宫格紧贴标题,保证「标题 → 可点服务」路径最短;
介绍卡承接品类教育职责,下移为区块尾部锚点(浅橙衬底) -->
<view class="section">
<view class="section-head">
<view class="section-bar"></view>
<text class="section-title">陪诊服务</text>
</view>
<view class="intro-card" bindtap="goToGuide">
<text class="intro-desc">陪诊师全程陪同就医:代办挂号缴费、取药取报告,帮你向医生讲清病情要点,让家人看病不再手忙脚乱。</text>
<view class="intro-steps">
<text class="intro-step">线上约定</text>
<text class="intro-step-arrow">→</text>
<text class="intro-step">院内陪同</text>
<text class="intro-step-arrow">→</text>
<text class="intro-step">诊后反馈</text>
<!-- 指南入口放标题行右侧:进区块即见,不必滚过宫格 -->
<view class="section-link" bindtap="goToGuide">
<text class="section-link-text">服务指南</text>
<t-icon name="chevron-right" size="24rpx" color="#7A7068" />
</view>
</view>
@@ -74,6 +72,19 @@
</view>
</view>
</view>
<!-- 介绍卡:看完列表后的延伸阅读,纯展示不点击(指南入口在标题行右侧) -->
<view class="intro-card">
<text class="intro-desc">陪诊师全程陪同就医:代办挂号缴费、取药取报告,帮你向医生讲清病情要点,让家人看病不再手忙脚乱。</text>
<!-- 信任行:三项可验证事实单行小字,从首屏下沉至此 -->
<view class="intro-trust">
<text class="intro-trust-item">100% 实名认证陪诊师</text>
<view class="intro-trust-sep"></view>
<text class="intro-trust-item">熟悉医院流程</text>
<view class="intro-trust-sep"></view>
<text class="intro-trust-item">一对一服务</text>
</view>
</view>
</view>
<!-- ③ 常用功能:待服务提醒 + 双列入口卡 -->
@@ -100,6 +111,10 @@
<text class="quick-name">{{ item.name }}</text>
<text class="quick-desc">{{ item.desc }}</text>
</view>
<!-- 通栏卡右侧补箭头:填补右半空白并提示可点 -->
<view class="quick-arrow" wx:if="{{ item.full }}">
<t-icon name="chevron-right" size="28rpx" color="#7A7068" />
</view>
</view>
</view>
</view>
@@ -109,9 +124,9 @@
<view class="page-footer">
<view class="footer-links">
<text class="footer-link" bindtap="goToContact">商务合作</text>
<text class="footer-sep">·</text>
<view class="footer-sep"></view>
<text class="footer-link" bindtap="goToContact">陪诊师入驻</text>
<text class="footer-sep">·</text>
<view class="footer-sep"></view>
<text class="footer-link" bindtap="goToContact">陪诊师考证</text>
</view>
<text class="footer-note">WARM ESCORT · 用心陪好每一步</text>