107 lines
2.9 KiB
Plaintext
107 lines
2.9 KiB
Plaintext
<view class="help-center-container">
|
||
<!-- 搜索栏 -->
|
||
<view class="search-section">
|
||
<t-search
|
||
value="{{searchValue}}"
|
||
placeholder="搜索帮助内容"
|
||
bind:change="onSearchChange"
|
||
bind:submit="onSearchSubmit"
|
||
bind:clear="onSearchClear"
|
||
/>
|
||
</view>
|
||
|
||
<!-- 快捷入口 -->
|
||
<view class="quick-access-section">
|
||
<view class="section-title">快捷服务</view>
|
||
<view class="quick-grid">
|
||
<view
|
||
class="quick-item"
|
||
wx:for="{{quickAccess}}"
|
||
wx:key="id"
|
||
data-type="{{item.type}}"
|
||
bind:tap="onQuickAccessTap"
|
||
>
|
||
<t-icon name="{{item.icon}}" size="48rpx" color="{{item.color}}" />
|
||
<text class="quick-text">{{item.title}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 常见问题 -->
|
||
<view class="faq-section">
|
||
<view class="section-title">常见问题</view>
|
||
<t-collapse value="{{activeNames}}" bind:change="onCollapseChange">
|
||
<t-collapse-panel
|
||
wx:for="{{faqList}}"
|
||
wx:key="id"
|
||
header="{{item.question}}"
|
||
value="{{item.id}}"
|
||
header-right-content=""
|
||
>
|
||
<view class="faq-answer">{{item.answer}}</view>
|
||
</t-collapse-panel>
|
||
</t-collapse>
|
||
</view>
|
||
|
||
<!-- 使用指南 -->
|
||
<view class="guide-section">
|
||
<view class="section-title">使用指南</view>
|
||
<t-cell-group>
|
||
<t-cell
|
||
wx:for="{{guideList}}"
|
||
wx:key="id"
|
||
title="{{item.title}}"
|
||
note="{{item.description}}"
|
||
arrow
|
||
data-url="{{item.url}}"
|
||
bind:click="onGuideTap"
|
||
>
|
||
<t-icon name="{{item.icon}}" size="40rpx" slot="left-icon" />
|
||
</t-cell>
|
||
</t-cell-group>
|
||
</view>
|
||
|
||
<!-- 联系我们 -->
|
||
<view class="contact-section">
|
||
<view class="section-title">联系我们</view>
|
||
<t-cell-group>
|
||
<t-cell
|
||
title="在线客服"
|
||
note="工作时间：9:00-18:00"
|
||
arrow
|
||
bind:click="onContactService"
|
||
>
|
||
<t-icon name="service" size="40rpx" slot="left-icon" />
|
||
</t-cell>
|
||
<t-cell
|
||
title="客服热线"
|
||
note="{{servicePhone}}"
|
||
arrow
|
||
bind:click="onCallService"
|
||
>
|
||
<t-icon name="call" size="40rpx" slot="left-icon" />
|
||
</t-cell>
|
||
<t-cell
|
||
title="意见反馈"
|
||
note="帮助我们改进产品"
|
||
arrow
|
||
bind:click="onFeedback"
|
||
>
|
||
<t-icon name="chat" size="40rpx" slot="left-icon" />
|
||
</t-cell>
|
||
</t-cell-group>
|
||
</view>
|
||
|
||
<!-- 底部信息 -->
|
||
<view class="footer-section">
|
||
<t-divider content="更多帮助" />
|
||
<view class="footer-links">
|
||
<text class="footer-link" bind:tap="onPrivacyTap">隐私政策</text>
|
||
<text class="footer-link" bind:tap="onTermsTap">服务条款</text>
|
||
<text class="footer-link" bind:tap="onAboutTap">关于我们</text>
|
||
</view>
|
||
<view class="version-info">版本号：{{version}}</view>
|
||
</view>
|
||
</view>
|
||
|
||
<t-toast id="t-toast" /> |