init

miniprogram/pages/help-center/index.wxml

@@ -0,0 +1,107 @@
+<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" />