Forráskód Böngészése

增加首页轮播

wangguoyu 4 éve
szülő
commit
d7d10be5a2
1 módosított fájl, 14 hozzáadás és 2 törlés
  1. 14 2
      pages/index.vue

+ 14 - 2
pages/index.vue

@@ -2,7 +2,13 @@
 
   <div class="client-index-page">
     <!-- 首页banner栏 -->
-    <div class="client-index-banner"></div>
+    <div class="block">
+      <el-carousel trigger="click" height="150px">
+        <el-carousel-item v-for="(item,index) in bannerList" :key="index">
+          <img @click="clickBanner(item)" :src="item.pic" alt="">
+        </el-carousel-item>
+      </el-carousel>
+    </div>
 
     <!-- 发展历程 -->
     <div class="client-company-history">
@@ -243,9 +249,13 @@
                                              await $axios.$post(`/home/news/carousel`, { 'newsClassifyId': 1 }).then(res => {
                                                return res;
                                              }),
+                                             await $axios.$post(`/home/banner/list`, { 'code': 1 }).then(res => {
+                                               return res;
+                                             }),
                                            ]);
       return {
          topCarousels: res1.data.data||[],
+         bannerList: res2.data.data||[],
 
       };
     },
@@ -540,7 +550,9 @@
       }
     },
     methods:    {
-
+      clickBanner(data){
+        window.open(data.url)
+      },
 
       applyFun() {
         this.telDl = true;