77 lines
2.7 KiB
Plaintext
77 lines
2.7 KiB
Plaintext
<view class="container">
|
|
<!-- 顶部导航栏 -->
|
|
<view class="nav-bar">
|
|
<view class="nav-logo">
|
|
<image class="logo-icon" src="/images/home-yellow.png" mode="aspectFit"></image>
|
|
<text class="logo-text">暖橙陪诊</text>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- Banner区域 -->
|
|
<view class="banner-section">
|
|
<view class="banner-card">
|
|
<image class="banner-bg" src="/images/banner.jpg" mode="aspectFill"></image>
|
|
<view class="banner-text">
|
|
<text class="banner-title">专业陪诊</text>
|
|
<text class="banner-subtitle"></text>
|
|
<text class="banner-en">让就医更简单，让客户更安心</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 服务卡片 -->
|
|
<view class="service-cards">
|
|
<view class="service-card" bindtap="goToAiChat">
|
|
<image class="card-img" src="/images/ai-yellow.png" mode="aspectFit"></image>
|
|
<view class="card-info">
|
|
<text class="card-title">客服咨询</text>
|
|
<text class="card-en">AI Customer service</text>
|
|
</view>
|
|
</view>
|
|
<view class="service-card vip" bindtap="goToContact">
|
|
<view class="card-info">
|
|
<text class="card-title">联系我们</text>
|
|
<text class="card-en">Contact us anytime</text>
|
|
</view>
|
|
<image class="card-img" src="/images/call.png" mode="aspectFit"></image>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 助诊服务 -->
|
|
<view class="assist-section">
|
|
<view class="section-header">
|
|
<view class="section-title-wrap">
|
|
<t-icon name="system-3" class="section-icon" size="40rpx"/>
|
|
<text class="section-title">助诊服务</text>
|
|
</view>
|
|
<text class="section-more" bindtap="goToServiceList">全部 >></text>
|
|
</view>
|
|
<view class="assist-grid">
|
|
<view class="assist-item" wx:for="{{ assistServices }}" wx:key="id" bindtap="goToAssistDetail" data-id="{{ item.id }}">
|
|
<view class="assist-icon-circle">
|
|
<t-icon name="{{ item.icon }}" class="assist-icon" style="color: #2D6A4F;" />
|
|
</view>
|
|
<text class="assist-name">{{ item.name }}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 其他服务 -->
|
|
<view class="other-section">
|
|
<view class="section-header">
|
|
<view class="section-title-wrap">
|
|
<t-icon name="indicator" class="section-icon" size="40rpx"/>
|
|
<text class="section-title">其他业务</text>
|
|
</view>
|
|
</view>
|
|
<view class="assist-grid">
|
|
<view class="assist-item" wx:for="{{ otherServices }}" wx:key="id" bindtap="goToOtherServicesDetail" data-id="{{ item.id }}">
|
|
<view class="assist-icon-circle">
|
|
<t-icon name="{{ item.icon }}" class="assist-icon" style="color: #2D6A4F;" />
|
|
</view>
|
|
<text class="assist-name">{{ item.name }}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|