fix:帮助中心顶部

my/setting/feedbackIndex.vue

@@ -2,78 +2,84 @@
 <template>
   <view class="page-question">
     <!-- <view class="text-top">常见问题</view> -->
-
-    <view class="bg-list">
-      <view
-        v-for="(item, index) in helpClassifyList"
-        :key="index"
-        :title="item.helpClassifyName"
-        class="list-title"
-      >
+    <navBar title="帮助中心" color="#000" />
+    <view class="page-content">
+      <view class="bg-list">
         <view
-          class="flex align-center justify-between"
-          @click.stop="openList(item, index)"
+          v-for="(item, index) in helpClassifyList"
+          :key="index"
+          :title="item.helpClassifyName"
+          class="list-title"
         >
           <view
-            class="text-title"
-            :style="{ color: item.id == 0 ? 'rgba(1, 107, 246, 1)' : '' }"
-            >{{ item.helpClassifyName }}</view
+            class="flex align-center justify-between"
+            @click.stop="openList(item, index)"
           >
-          <view @click.stop="openList(item, index)">
-            <image
-              src="https://zhaopin.xianmaxiong.com/file/uploadPath/2022/09/05/d56c02cad3db64b1874d01e0ceeb48e1.png"
-              style="width: 21rpx; height: 15rpx"
-              v-if="item.id == 0"
-            ></image>
-            <image
-              src="https://zhaopin.xianmaxiong.com/file/uploadPath/2022/09/05/8ee353c9b70928dc4f81488e75121441.png"
-              style="width: 21rpx; height: 15rpx"
-              v-else
-            ></image>
+            <view
+              class="text-title"
+              :style="{ color: item.id == 0 ? 'rgba(1, 107, 246, 1)' : '' }"
+              >{{ item.helpClassifyName }}</view
+            >
+            <view @click.stop="openList(item, index)">
+              <image
+                src="https://zhaopin.xianmaxiong.com/file/uploadPath/2022/09/05/d56c02cad3db64b1874d01e0ceeb48e1.png"
+                style="width: 21rpx; height: 15rpx"
+                v-if="item.id == 0"
+              ></image>
+              <image
+                src="https://zhaopin.xianmaxiong.com/file/uploadPath/2022/09/05/8ee353c9b70928dc4f81488e75121441.png"
+                style="width: 21rpx; height: 15rpx"
+                v-else
+              ></image>
+            </view>
+          </view>
+          <view
+            v-for="(problemItem, problemIndex) in item.helpWordList"
+            :key="problemIndex"
+            class="list-question"
+            hover-class="hover"
+            @click="onClick(problemItem)"
+            v-if="item.id == 0"
+          >
+            <view class="text-item">{{ problemItem.helpWordTitle }}</view>
+            <!-- <view class="line" v-if="problemIndex!=item.helpWordList.length-1"></view> -->
           </view>
-        </view>
-        <view
-          v-for="(problemItem, problemIndex) in item.helpWordList"
-          :key="problemIndex"
-          class="list-question"
-          hover-class="hover"
-          @click="onClick(problemItem)"
-          v-if="item.id == 0"
-        >
-          <view class="text-item">{{ problemItem.helpWordTitle }}</view>
-          <!-- <view class="line" v-if="problemIndex!=item.helpWordList.length-1"></view> -->
         </view>
       </view>
-    </view>
-    <view class="bg-box">
-      <view class="bg-white-box">
-        <image
-          src="https://zhaopin.xianmaxiong.com/file/uploadPath/2022/09/05/6ea8d56c2451479b6327c56e3c57e91c.png"
-          class="image"
-        ></image>
-        <view class="text-feedback" hover-class="hover" @click="goChat">联系客服</view>
+      <view class="bg-box">
+        <view class="bg-white-box">
+          <image
+            src="https://zhaopin.xianmaxiong.com/file/uploadPath/2022/09/05/6ea8d56c2451479b6327c56e3c57e91c.png"
+            class="image"
+          ></image>
+          <view class="text-feedback" hover-class="hover" @click="goChat">联系客服</view>
 
-        <view class="vertical-line"></view>
+          <view class="vertical-line"></view>
 
-        <image
-          src="https://zhaopin.xianmaxiong.com/file/uploadPath/2022/09/05/aa32e4508c2505631a17402d4e086cda.png"
-          class="image"
-        ></image>
-        <view class="text-feedback" hover-class="hover" @click="toFeedback"
-          >我要反馈</view
-        >
+          <image
+            src="https://zhaopin.xianmaxiong.com/file/uploadPath/2022/09/05/aa32e4508c2505631a17402d4e086cda.png"
+            class="image"
+          ></image>
+          <view class="text-feedback" hover-class="hover" @click="toFeedback"
+            >我要反馈</view
+          >
+        </view>
       </view>
     </view>
   </view>
 </template>
 
 <script>
+import navBar from "@/components/nav-bar/index.vue";
 export default {
   data() {
     return {
       helpClassifyList: [],
     };
   },
+  components: {
+    navBar,
+  },
   onLoad() {
     this.getlist();
   },
@@ -180,8 +186,10 @@ export default {
 
 <style scoped lang="scss">
 .page-question {
-  padding: 16rpx 40rpx;
-  box-sizing: border-box;
+  .page-content {
+    padding: 16rpx 40rpx;
+    box-sizing: border-box;
+  }
 }
 
 .bg-box {