首页轮播图

src/views/FirstPages/FirstPage.vue

@@ -92,6 +92,29 @@
             </div>
           </el-carousel-item>
         </el-carousel>
+
+        <el-carousel :interval="4000" type="card" class="banner mt-4" indicator-position="none">
+          <el-carousel-item v-for="newContent in ImgNews2" :key="newContent.introId">
+            <div class="rotation-box">
+              <img :src="newContent.titleUrl" />
+              <!-- <img :src="newContent.titleUrl" style="height: 340px;width: 100%" alt="" /> -->
+              <div class="rotation-div one-text">
+                {{ newContent.title }}
+              </div>
+            </div>
+          </el-carousel-item>
+        </el-carousel>
+
+        <el-carousel :interval="4000" type="card" class="banner mt-4" indicator-position="none">
+          <el-carousel-item v-for="newContent in ImgNews3" :key="newContent.introId">
+            <div class="rotation-box">
+              <img :src="newContent.titleUrl" style="height: 340px;width: 100%" alt="" />
+              <div class="rotation-div one-text">
+                {{ newContent.title }}
+              </div>
+            </div>
+          </el-carousel-item>
+        </el-carousel>
         <!-- <div class="flex-1 flex-column justify-space-between mt-4">
           <div class="flex-1">
             <div class="flex-1 mr-4">
@@ -280,7 +303,7 @@ export default {
     this.getData('0201', 'groupNews', '0');
     this.getData('0202', 'provincialNews', '0');
     this.getData('0203', 'companyNews', '0');
-    this.getData('0204', 'ImgNews1', '1');
+    this.getData('0201', 'ImgNews1', '1');
     this.getData('0202', 'ImgNews2', '1');
     this.getData('0203', 'ImgNews3', '1');
     this.getData('0210', 'sceneStyle', '1');