no message

css/index.css

@@ -249,7 +249,7 @@ header.page-header .box .tab-list .item.pitch::after {
   border-top: 1px solid #ebebeb;
 }
 #answer-app .main .main-header {
-  min-width: 512px;
+  min-width: 508px;
   margin: 0 auto;
   padding-left: calc((100vw - 1200px) / 2);
   display: inline-flex;
@@ -294,7 +294,7 @@ header.page-header .box .tab-list .item.pitch::after {
   flex-wrap: wrap;
   justify-content: space-between;
   position: relative;
-  min-width: 512px;
+  min-width: 508px;
 }
 #answer-app .main .list-box .list .item {
   cursor: pointer;

css/index.less

@@ -310,7 +310,7 @@ header.page-header .box .tab-list .item.pitch::after {
 
         .main-header {
             // width: 1200px;
-            min-width: 512px;
+            min-width: 508px;
             margin: 0 auto;
             // justify-content: space-between;
             padding-left: calc((100vw - 1200px) / 2);
@@ -371,7 +371,7 @@ header.page-header .box .tab-list .item.pitch::after {
                 justify-content: space-between;
                 // margin: 0 auto;
                 position: relative;
-                min-width: 512px;
+                min-width: 508px;
 
                 .item {
                     cursor: pointer;

index.html

@@ -81,7 +81,8 @@
                     </div>
                 </div>
 
-                <div class="empty-box flexcenter" v-if="isSearchMode && list.length == 0">
+                <!-- <div class="empty-box flexcenter" v-if="isSearchMode && list.length == 0"> -->
+                <div class="empty-box flexcenter" v-if="!loading && list.length == 0">
                     <div class="dot-list flexacenter"><img class="item" src="./img/dot-yellow.svg"><img class="item" src="./img/dot-yellow.svg"><img class="item" src="./img/dot-yellow.svg"><img class="item" src="./img/dot-gray.svg"><img class="item" src="./img/dot-gray.svg"><img class="item" src="./img/dot-gray.svg"></div><img class="empty-icon" src="./img/empty-icon.svg">
                     <div class="empty-hint">没有找到相关结果，请更换搜索关键词</div>
                 </div>

js/index.js

@@ -152,20 +152,19 @@ const forumApp = Vue.createApp({
         let list = ref([]) // 列表数据
         let page = 1
         let total = ref(0) // 回答总数
-        let loading = false
+        let loading = ref(false)
 
         // 获取列表数据
         const getList = () => {
-            if (page == 0 || loading) return
-            loading = true
+            if (page == 0 || loading.value) return
+            loading.value = true
 
             $ajax("/api/lists", {
                 page,
                 limit: 20,
                 keyword: keyword.value,
                 type: typePitch.value,
-            }
-            ).then(res => {
+            }).then(res => {
                 if (res.code != 200) return
 
                 let data = res.data
@@ -183,7 +182,7 @@ const forumApp = Vue.createApp({
                 else isSearchMode.value = false
 
 
-            }).finally(() => loading = false)
+            }).finally(() => loading.value = false)
         }
 
         let typeList = ref([])
@@ -224,7 +223,7 @@ const forumApp = Vue.createApp({
             if (detailLoading.value) return
             detailLoading.value = true
 
-            uniqid = "fubm5CnD05qj"  // 标记一下  8yr1m1fOH5CS
+            // uniqid = "fubm5CnD05qj"  // 标记一下  8yr1m1fOH5CS
 
             detailsInfo.value = {}
             answerList.value = []
@@ -1289,7 +1288,6 @@ const forumApp = Vue.createApp({
         watch(() => {
             if (questionsSetp.value || myType.value || IAnswerEditState.value || IAnswerState.value || dialogSrc.value) document.body.style.overflow = 'hidden'
             else document.body.style.overflow = 'auto'
-
         })
 
         return {
@@ -1395,7 +1393,8 @@ const forumApp = Vue.createApp({
             msg,
             myOpenDetails,
             handleAnswerText,
-            getCurrentUrl
+            getCurrentUrl,
+            loading,
         };
 
     }