tui

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

 <template>
   <div class="station">
+    <a-carousel
+      effect="fade"
+      autoplay
+      :dots="false"
+      style="width: 100%; height: 100%; overflow: hidden"
+    >
+      <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="title">
       <!-- <h3>以客户为中心，以奋斗者为本，永远坚持艰苦奋斗</h3>
       <p>“互联网+政务服务”整体解决方案提供商和服务商</p> -->
@@ -91,13 +108,34 @@ 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/bg.jpg") center no-repeat;
+  }
+  .img2 {
+    background: url("~@/assets/images/bgg1.jpg") center no-repeat;
+  }
+  .img3 {
+    background: url("~@/assets/images/bgg2.jpg") center no-repeat;
+  }
+}
 .station {
   width: 100%;
   height: 100%;
-  background: url("~@/assets/images/bg.jpg") center no-repeat;
+  // background: url("~@/assets/images/bg.jpg") center no-repeat;
   background-size: cover;
   position: relative;
   padding-top: @headerH;
+  overflow: hidden;
 
   .title {
     width: 650px;