列表页添加”暂无内容“

yfyc/src/components/NoContent.vue

@@ -0,0 +1,14 @@
+<template>
+  <div class="mainBoxNull">暂无内容</div>
+</template>
+
+<style lang="less" scoped>
+.mainBoxNull {
+  width: 100%;
+  height: 300px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 16px;
+}
+</style>

yfyc/src/views/Serve/FoodList.vue

@@ -43,6 +43,7 @@
         </div>
         <h2>{{item.name}}</h2>
       </article>
+      <NoContent v-show="!foodList.length"></NoContent>
     </div>
 
   </div>
@@ -52,11 +53,13 @@
 import SearchBar from "@/components/SearchTransparent.vue";
 import Select from "@/components/Select.vue";
 import serveData from "@/assets/data/serve/data.js";
+import NoContent from "@/components/NoContent.vue";
 
 export default {
   components: {
     SearchBar,
     Select,
+    NoContent,
   },
   data() {
     return {
@@ -104,7 +107,7 @@ export default {
       }).filter((item) => {
         return item.attractionIdx === this.attractionIdx || this.attractionIdx === 0
       }).filter((item) => {
-        return item.name.includes(this.keyword) || item.address.includes(this.keyword) || this.keyword === ''
+        return item.name.includes(this.keyword) || this.keyword === ''
       })
     }
   },

yfyc/src/views/Serve/HotelList.vue

@@ -81,8 +81,8 @@
           </div>
         </div>
       </article>
+      <NoContent v-show="!hotelListRaw.length"></NoContent>
     </div>
-    
   </div>
 </template>
 
@@ -90,11 +90,13 @@
 import SearchBar from "@/components/SearchTransparent.vue";
 import Select from "@/components/Select.vue";
 import serveData from "@/assets/data/serve/data.js";
+import NoContent from "@/components/NoContent.vue";
 
 export default {
   components: {
     SearchBar,
     Select,
+    NoContent,
   },
   data() {
     return {