修改

src/pages/Search.vue

@@ -9,6 +9,7 @@
     background-color: rgba(255, 255, 255, .95);
     border-top: 1px solid #eee;
     box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .03);
+    min-height: 600px;
   }
 
   .SearchContent {
@@ -582,10 +583,12 @@
     display: flex;
     flex-wrap: wrap;
     /* width: 100%; */
-    height: 44px;
+    height: 48px;
     margin: 0 auto;
     max-width: 1160px;
     align-items: center;
+    border-top:1px solid #eee;
+    border-bottom:1px solid #eee;
   }
 
   .SearchContent .search-item {
@@ -594,7 +597,9 @@
     line-height: 44px;
     padding-right: 20px;
   }
-
+  .search-item:first-child{
+    border-left: 1px solid #eee;
+  }
   .search-filter-inner i {
     width: 50px;
     height: 45px;
@@ -659,6 +664,20 @@
       display:block;
     }
   }
+  .SearchMain .blank-block{
+    margin: 100px auto;
+    width: 300px;
+    text-align: center;
+  }
+  .SearchMain .blank-block i{
+    font-size: 80px;
+    color: #ddd;
+  }
+  .SearchMain .blank-block p{
+    color: #999;
+    font-size: 15px;
+    letter-spacing: 1px;
+  }
 </style>
 <template>
   <div class="SearchMain">
@@ -678,7 +697,7 @@
           <div class="search-item" style="margin-left:20px;">
             <q-select filled v-model="sortNum" :options="sortArray" @input="changeData" emit-value map-options />
           </div>
-          <div class="col-2" style="margin-left:20px;">
+          <div class="search-item" style="margin-left:20px;">
             <span style="display:inline-block;cursor:pointer;" @click="fullHeight = true">更多篩選條件</span>
           </div>
         </div>
@@ -805,6 +824,10 @@
           <searchList :DataList="DataList" :qMsg="qMsg" @getPage="getPage"></searchList>
         </div>
       </template>
+      <div v-if="DataList.length==0" class="blank-block">
+        <i class="iconfont iconchazhao"></i>
+        <p>請嘗試其他關鍵字或篩選條件</p>
+      </div>
     </div>
 
     <q-dialog v-model="fullHeight" full-height>