tui

portal-manager-ui/admin/src/views/dataAdmin/dataAdmin.vue

 <template>
   <div class="Container">
+    <a-carousel
+      effect="fade"
+      autoplay
+      :autoplaySpeed="2400"
+      :dots="false"
+      style="width: 100%; overflow: hidden; position: absolute; left: 0"
+    >
+      <div class="img_box img1"></div>
+      <!-- style="
+          height: 100vh;
+          width: 100%;
+          background: url('@/assets/images/bg.jpg') center no-repeat;
+          overflow: hidden;
+          background-size: cover;
+        " -->
+      <div class="img_box img2"></div>
+      <div class="img_box img3"></div>
+    </a-carousel>
     <div class="slogan-box">
       <div class="slogan-title">智慧政务一体化数据管理</div>
       <div class="slogan-text">
@@ -38,7 +56,16 @@
               </li>
             </template>
           </ul>
-          <p class="bottom" @click="handleCkeck('/home/dataManagement/serviceDataAnalyse/makeTrendResearch')">服务类数据分析<a-icon type="swap-right" /></p>
+          <p
+            class="bottom"
+            @click="
+              handleCkeck(
+                '/home/dataManagement/serviceDataAnalyse/makeTrendResearch'
+              )
+            "
+          >
+            服务类数据分析<a-icon type="swap-right" />
+          </p>
         </li>
       </ul>
 
@@ -183,12 +210,11 @@ export default {
     },
     // 查看数据
     handleCkeck(path) {
-      if(path.indexOf('http')>-1){
-        window.open(path)
-      }else{
+      if (path.indexOf("http") > -1) {
+        window.open(path);
+      } else {
         this.$router.push(path);
       }
-      
     },
     // pushRouter1() {
     //   // 易政秀报表
@@ -280,17 +306,38 @@ export default {
 
 <style lang="less" scoped>
 @headerH: 4.5rem;
+.ant-carousel :deep(.slick-slide) {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  .img_box {
+    width: 100%;
+    height: 92.1vh;
+    overflow: hidden;
+    background-size: cover;
+  }
+  .img1 {
+    background: url("~@/assets/images/bg2.jpg") center no-repeat;
+  }
+  .img2 {
+    background: url("~@/assets/images/bgg3.jpg") center no-repeat;
+  }
+  .img3 {
+    background: url("~@/assets/images/bgg4.jpg") center no-repeat;
+  }
+}
 .Container {
   height: 100%;
   width: 100%;
   // min-height: 960px;
   // background: url("~@/assets/images/zhandian.jpg") center no-repeat;
-  background: url("../../assets/images/bg2.jpg") center no-repeat;
+  // background: url("../../assets/images/bg2.jpg") center no-repeat;
   background-size: cover;
   padding-top: @headerH;
   display: flex;
   flex-direction: column;
   align-items: center;
+  overflow: hidden;
   .search_box {
     display: inline-block;
     margin-top: 12.1rem;