修改了帮助中心行高与列表宽度，首页插图

src/components/HelpCenter.vue

@@ -19,7 +19,7 @@
         <div class="boxContent">
 
           <el-container>
-            <el-aside width="200px" style="height: 100vh;">
+            <el-aside width="260px" style="height: 100vh;">
               <el-row class="tac">
                 <el-col>
                    <!-- <h5 class="mb-2">帮助中心</h5> -->
@@ -69,16 +69,16 @@
                 <div class="contentBox" id="contentArea">
                   <div class="dataList">
                     <ul class="data">
-                      <li class="list">
-                        <h4 class="dataTitle"></h4>
-                        <p class="dataContent"></p>
-                      </li>
+                      <!-- <li class="list" v-for="(data, index) in pagedData" :key=index>
+                        <h4 class="dataTitle">{{ data.title }}</h4>
+                        <p class="dataContent">{{ data.richContent }}</p>
+                      </li> -->
                     </ul>
                     <div class="pagin">
                       <!-- <el-pagination
                         :page-size="pageSize"
                         :current-page="currentPage"
-                        :total="data.length"
+                        :total="pagedData.length"
                         @current-change="handlePageChange"
                       ></el-pagination> -->
                     </div>
@@ -100,7 +100,6 @@
 <script>
 import { ref, watch, onMounted } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { ElMenu, ElSubMenu, ElMenuItem, ElPagination } from 'element-plus'
 // import { ref, reactive } from 'vue'
 import axios from 'axios'
 // import $ from 'jquery'
@@ -132,13 +131,6 @@ export default {
       }
     })
 
-    // const onInput = () => {
-    //   router.push({ 
-    //     name: 'HelpCenter', 
-    //     query: { q: searchQuery.value } 
-    //   })
-    // }
-
     const search = async () => {
       try {
         
@@ -167,8 +159,6 @@ export default {
     };
   },
 
-
-  
   data() {
     return {
       number: 0,
@@ -178,9 +168,9 @@ export default {
       defaultOpeneds: [], 
       // 用于追踪每个子菜单的展开状态 
       // openedMenus: [],
-      // data: [],
-      // currentPage: 1,
-      // pageSize: 10,
+      pagedData: [],
+      currentPage: 1,
+      pageSize: 10,
     }
   },
   methods: {
@@ -217,20 +207,21 @@ export default {
       var textInput = document.querySelector('#txtInput').value
       // var pageSize = 10; 
       // var currentPage = 1;
-      axios.get('https://www.aimzhu.com/operator/app/help-detail/listrelease?keywords=' + textInput)
-      // axios.get(`https://www.aimzhu.com/operator/app/help-detail/listrelease/${pageSize}/${currentPage}?keywords=${textInput}`)
+      axios.get(`https://www.aimzhu.com/operator/app/help-detail/listrelease?keywords=${textInput}`)
+      // axios.get(`https://www.aimzhu.com/operator/app/help-detail/listpagerelease/${pageSize}/${currentPage}?keywords=${textInput}`)
       .then(response => {
         // alert( response.data[0].richContent)
-        console.log(response);
-        console.log(response.data);
+        // console.log(response);
+        console.log(response.data.rows);
+        this.pagedData = response.data.rows
         let searchContent = response.data
         if (searchContent.length !== 0) {
           document.getElementById('contentArea').innerHTML = response.data[0].richContent
         } else {
           document.getElementById('contentArea').innerHTML = '很抱歉，没有找到符合的记录，请更换关键词重新搜索！'
         }
-        // document.getElementById('contentArea').innerHTML = response.data[0].richContent
-        // console.log(response.data);
+        document.getElementById('contentArea').innerHTML = response.data[0].richContent
+        console.log(response.data);
 
       })
       .catch(function (error) {
@@ -270,7 +261,7 @@ export default {
         let contendId0 = response.data[0].id
         let url0 = 'https://www.aimzhu.com/operator/app/help-detail/listrelease?helpTypeId=' + contendId0
         axios.get(url0).then(response => {
-          console.log(response.data[0].richContent);
+          // console.log(response.data[0].richContent);
           var content0 = response.data[0].richContent
           let contentBox0 = document.querySelector('.contentBox')
           contentBox0.innerHTML = content0
@@ -278,8 +269,6 @@ export default {
       } else {
 
       }
-      
-
 
     })
     .catch(error => {
@@ -287,6 +276,13 @@ export default {
     });
     
   },
+  computed: {
+    pagedData() {
+      const start = (this.currentPage - 1) * this.pageSize;
+      const end = this.currentPage * this.pageSize;
+      return this.pagedData.slice(start, end);
+    },
+  },
   
 }
 </script>
@@ -401,5 +397,8 @@ export default {
   letter-spacing: 2px;
   color: #FFF;
 }
+#contentArea {
+  line-height: 2.1;
+}
 
 </style>

src/components/HomePage.vue

@@ -188,7 +188,7 @@ export default {
         { text: '提供软著材料重新编写与补正服务', images: ['step-11.png', 'step-11-11.png']},
         { text: '提供申报担保及包下证服务', images: ['step-12.png', 'step-12-12.png']},
       ],
-      rightBoxImages1: ['a1.jpg', 'a2.jpg', 'a3.jpg', 'a4.jpg'],
+      rightBoxImages1: ['1-1.png', '1-2.png', '1-3.png', '1-4.png'],
       rightBoxImages2: ['2-1.png', '2-2.png', '2-3.png', '2-4.png'],
       rightBoxImages3: ['3-1.png', '3-2.png', '3-3.png', '3-4.png'],