feat: H5投诉页面优化

qwh5/src/router/index.ts

@@ -79,7 +79,7 @@ const routes: Array<RouteRecordRaw> = [
     name: 'feedback',
     component: () => import(/*webpackChunkName:"feedback" */ '@/views/feedback.vue'),
     meta: {
-      title: '意见反馈'
+      title: ''
     },
   },
   {
@@ -87,7 +87,7 @@ const routes: Array<RouteRecordRaw> = [
     name: 'feedbackSuccess',
     component: () => import(/*webpackChunkName:"feedbackSuccess" */ '@/views/feedbackSuccess.vue'),
     meta: {
-      title: '意见反馈'
+      title: ''
     },
   },
 ]

qwh5/src/views/feedback.vue

@@ -27,7 +27,8 @@
 
     <div v-else class="typeList-wrap">
       <p class="notice">{{ typeList.notice }}</p>
-      <van-cell v-for="item in typeList.data" :key="item.type" :title="item.title" is-link size="large" @click="onClickTypeItem(item)" />
+      <van-cell class="type-text" v-for="item in typeList.data" :key="item.type" :title="item.title" is-link size="large" @click="onClickTypeItem(item)" />
+      <p class="tips-btn">投诉须知</p>
     </div>
   </div>
 </template>
@@ -100,7 +101,7 @@ const setTitle = function (t) {
 };
 const changeTitleClick = () => {
   setTimeout(function () {
-    setTitle("意见反馈");
+    setTitle("");
   }, 1);
 }
 
@@ -277,9 +278,21 @@ onMounted(() => {
   .typeList-wrap {
     .notice {
       padding: 20px 14px 6px;
-      font-size: 16px;
+      font-size: 12px;
       color: #666;
     }
+    .type-text {
+      font-size: 14px;
+      :deep(.van-cell__title) {
+        font-size: 14px;
+      }
+    }
+    .tips-btn {
+      padding-top: 16px;
+      text-align: center;
+      font-size: 12px;
+      color: #546798;
+    }
   }
 }
 

qwh5/src/views/feedbackSuccess.vue

@@ -27,7 +27,7 @@ const setTitle = function (t) {
 };
 const changeTitleClick = () => {
   setTimeout(function () {
-    setTitle("意见反馈");
+    setTitle("");
   }, 1);
 }
 
@@ -67,8 +67,8 @@ onMounted(() => {
   align-items: center;
   padding: 0 40px;
   .icon-cls {
-    margin-top: 40px;
-    color: #07c160;
+    margin-top: 45px;
+    color: #40C15F;
     font-size: 50px;
   }
   .title {
@@ -78,17 +78,18 @@ onMounted(() => {
     margin-top: 30px;
   }
   .tips {
-    font-size: 16px;
-    color: #666;
+    font-size: 15px;
+    color: #333;
     text-align: center;
     margin-top: 30px;
-    line-height: 20px;
+    line-height: 26px;
   }
   .footer-btn {
     position: fixed;
     bottom: 20vh;
     width: 40vw;
-    font-size: 16px;
+    font-size: 15px;
+    border-radius: 4px;
   }
 }