默认banner

src/pages/service_shop/services_shop.vue

@@ -2,7 +2,10 @@
   <div class="services_shop-container">
     <div class="services_shop-carousel">
       <el-carousel height="400px" arrow="never">
-        <el-carousel-item v-for="(banner, index) in banners" :key="'banner_' + index">
+        <el-carousel-item
+          v-for="(banner, index) in banners"
+          :key="'banner_' + index"
+        >
           <img :src="banner.image_url" width="100%" @click="goto(banner.url)" />
         </el-carousel-item>
       </el-carousel>
@@ -20,7 +23,11 @@
               </p>
             </div>
           </li>
-          <li class="info_line" :key="'line_' + index" v-if="index + 1 < servicesShopInfo.length"></li>
+          <li
+            class="info_line"
+            :key="'line_' + index"
+            v-if="index + 1 < servicesShopInfo.length"
+          ></li>
         </template>
       </ul>
     </div>
@@ -63,45 +70,50 @@ import helper from "@/services/helper";
 
 export default {
   components: {
-    shopList
+    shopList,
   },
   data: () => ({
-    banners: null,
+    banners: [
+      { image_url: require("@/assets/imgs/1.jpg") },
+      { image_url: require("@/assets/imgs/2.jpg") },
+      { image_url: require("@/assets/imgs/3.jpg") },
+      { image_url: require("@/assets/imgs/4.jpg") },
+    ],
     servicesShopInfo: [
       {
         name: "服务总数",
         value: 0,
-        icon: require("@/assets/imgs/shop_ic_fuwuzs.png")
+        icon: require("@/assets/imgs/shop_ic_fuwuzs.png"),
       },
       {
         name: "用户总数",
         value: 0,
-        icon: require("@/assets/imgs/shop_ic_yonghuzs.png")
+        icon: require("@/assets/imgs/shop_ic_yonghuzs.png"),
       },
       {
         name: "接入机构",
         value: 0,
-        icon: require("@/assets/imgs/shop_ic_jierujg.png")
+        icon: require("@/assets/imgs/shop_ic_jierujg.png"),
       },
       {
         name: "应用总数",
         value: 0,
-        icon: require("@/assets/imgs/shop_ic_jieruxt.png")
+        icon: require("@/assets/imgs/shop_ic_jieruxt.png"),
       },
       {
         name: "服务请求次数",
         value: 0,
-        icon: require("@/assets/imgs/shop_ic_fuwuqqcs.png")
-      }
+        icon: require("@/assets/imgs/shop_ic_fuwuqqcs.png"),
+      },
     ],
     hot_datas: [],
     map_datas: [],
     comprehensive_datas: [],
-    helper
+    helper,
   }),
   methods: {
     init(type) {
-      this.$api.serviceShop.getFeaturedList({ type }).then(response => {
+      this.$api.serviceShop.getFeaturedList({ type }).then((response) => {
         if (type == "hotdata") {
           this.hot_datas = response.data.data;
         } else if (type == "hgmap") {
@@ -112,12 +124,14 @@ export default {
       });
     },
     getBenner() {
-      this.$api.serviceShop.getBenner().then(response => {
-        this.banners = response.data.data;
+      this.$api.serviceShop.getBenner().then((response) => {
+        if (response.data.success == 1) {
+          this.banners = response.data.data;
+        }
       });
     },
     getGeneralOverview() {
-      this.$api.serviceShop.getGeneralOverview().then(response => {
+      this.$api.serviceShop.getGeneralOverview().then((response) => {
         let data = response.data.data;
         this.servicesShopInfo[0].value = data.service_num;
         this.servicesShopInfo[1].value = data.person_num;
@@ -128,7 +142,7 @@ export default {
     },
     goto(page) {
       window.location.href = page;
-    }
+    },
   },
   mounted() {
     this.getBenner();
@@ -136,7 +150,7 @@ export default {
     this.init("hgmap");
     this.init("zhapp");
     this.getGeneralOverview();
-  }
+  },
 };
 </script>