|
|
|
|
<view class="container">
|
|
|
|
|
<view class="service-detail-header">
|
|
|
|
|
<view class="header-back" bindtap="onBack">
|
|
|
|
|
<text>←</text>
|
|
|
|
|
</view>
|
|
|
|
|
<text class="header-title">客服详情</text>
|
|
|
|
|
<view class="header-placeholder"></view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="service-detail-content">
|
|
|
|
|
<view class="service-info-section">
|
|
|
|
|
<view class="service-avatar">
|
|
|
|
|
<text>💁</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="service-basic-info">
|
|
|
|
|
<text class="service-name">客服小王</text>
|
|
|
|
|
<text class="service-status">在线</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="service-details">
|
|
|
|
|
<view class="detail-item">
|
|
|
|
|
<text class="detail-label">服务类型</text>
|
|
|
|
|
<text class="detail-value">在线客服</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="detail-item">
|
|
|
|
|
<text class="detail-label">服务时间</text>
|
|
|
|
|
<text class="detail-value">24小时在线</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="detail-item">
|
|
|
|
|
<text class="detail-label">专业领域</text>
|
|
|
|
|
<text class="detail-value">产品咨询、订单处理、售后支持</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="contact-section">
|
|
|
|
|
<text class="section-title">联系方式</text>
|
|
|
|
|
<button class="contact-button" bindtap="startChat">
|
|
|
|
|
<text>💬 开始聊天</text>
|
|
|
|
|
</button>
|
|
|
|
|
<button class="contact-button phone-button" open-type="makePhoneCall" phone-number="400-123-4567">
|
|
|
|
|
<text>📞 电话联系</text>
|
|
|
|
|
</button>
|
|
|
|
|
<button class="contact-button email-button" bindtap="sendEmail">
|
|
|
|
|
<text>📧 发送邮件</text>
|
|
|
|
|
</button>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="faq-section">
|
|
|
|
|
<text class="section-title">常见问题</text>
|
|
|
|
|
<view class="faq-item" bindtap="onFaqItemTap">
|
|
|
|
|
<text class="faq-question">如何查询订单状态？</text>
|
|
|
|
|
<text class="faq-arrow">></text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="faq-item" bindtap="onFaqItemTap">
|
|
|
|
|
<text class="faq-question">如何申请退款？</text>
|
|
|
|
|
<text class="faq-arrow">></text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="faq-item" bindtap="onFaqItemTap">
|
|
|
|
|
<text class="faq-question">物流配送时间是多久？</text>
|
|
|
|
|
<text class="faq-arrow">></text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
