76 lines
2.6 KiB
Plaintext
76 lines
2.6 KiB
Plaintext
<!--pages/escort/guide.wxml-->
|
|
<view class="page-bg">
|
|
<view class="container">
|
|
|
|
<!-- 头部：小色带 + 白底（内页规范，不做整块主色面板） -->
|
|
<view class="page-header">
|
|
<view class="header-accent"></view>
|
|
<text class="header-title">陪诊指南</text>
|
|
<text class="header-subtitle">第一次用陪诊？三分钟看懂全流程</text>
|
|
</view>
|
|
|
|
<!-- ① 服务流程：下单到完成的通用环节 -->
|
|
<view class="card">
|
|
<view class="card-head">
|
|
<view class="card-mark">
|
|
<t-icon name="list" size="26rpx" color="#FFFFFF" />
|
|
</view>
|
|
<text class="card-title">服务流程</text>
|
|
</view>
|
|
<view class="step-list">
|
|
<view class="step-item" wx:for="{{ steps }}" wx:key="title">
|
|
<view class="step-index">{{ index + 1 }}</view>
|
|
<view class="step-body">
|
|
<text class="step-title">{{ item.title }}</text>
|
|
<text class="step-desc">{{ item.desc }}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- ② 就诊前准备：到院前建议备齐的材料 -->
|
|
<view class="card">
|
|
<view class="card-head">
|
|
<view class="card-mark">
|
|
<t-icon name="info-circle" size="26rpx" color="#FFFFFF" />
|
|
</view>
|
|
<text class="card-title">就诊前准备</text>
|
|
</view>
|
|
<view class="dot-list">
|
|
<view class="dot-item" wx:for="{{ preparations }}" wx:key="*this">
|
|
<view class="dot"></view>
|
|
<text class="dot-text">{{ item }}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- ③ 温馨提示：通用注意事项，不涉及具体规则 -->
|
|
<view class="card">
|
|
<view class="card-head">
|
|
<view class="card-mark">
|
|
<t-icon name="error-circle" size="26rpx" color="#FFFFFF" />
|
|
</view>
|
|
<text class="card-title">温馨提示</text>
|
|
</view>
|
|
<view class="dot-list">
|
|
<view class="dot-item" wx:for="{{ tips }}" wx:key="*this">
|
|
<view class="dot"></view>
|
|
<text class="dot-text">{{ item }}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 底部出口：看完指南直接去下单，兜底可转人工客服 -->
|
|
<view class="guide-cta" bindtap="goToServiceList">
|
|
<text class="guide-cta-text">查看陪诊服务</text>
|
|
<t-icon name="chevron-right" size="28rpx" color="#FFFFFF" />
|
|
</view>
|
|
<view class="guide-help" bindtap="goToContact">
|
|
<t-icon name="call" size="28rpx" color="#9A3412" />
|
|
<text class="guide-help-text">还有疑问？联系人工客服</text>
|
|
</view>
|
|
|
|
<view class="footer-space"></view>
|
|
</view>
|
|
</view>
|