feat 首页

src/App.vue

@@ -164,7 +164,7 @@ function handleScrollY() {
 
 .lb-container {
   min-height: calc(100vh - 110px);
-  background: #020d4a;
+  // background: #020d4a;
 }
 
 .footer {

src/views/home/index.vue

@@ -20,17 +20,41 @@ let steps = ref([
   },
 ])
 let partners = ref([])
+let banners = ref([
+  {
+    imgUrl: `background: url(../../assets/images/8-0.png) no-repeat`,
+    con: '优巨引擎开放平台',
+    con1: '与伙伴一起共同成长',
+    con2: '猎豹AI提供丰富的开放能力和成熟的合作机制，助力合作伙伴在猎豹AI平台上构建本地数字化AI配送平台，焦距全网生态链。'
+  },
+  {
+    imgUrl: `background: url(../../assets/images/8-1.png) no-repeat`,
+    con: '优巨引擎开放平台1',
+    con1: '与伙伴一起共同成长1',
+    con2: '猎豹AI提供丰富的开放能力和成熟的合作机制，助力合作伙伴在猎豹AI平台上构建本地数字化AI配送平台，焦距全网生态链。'
+  },
+  {
+    imgUrl: `background: url(../../assets/images/8-2.png) no-repeat`,
+    con: '优巨引擎开放平台2',
+    con1: '与伙伴一起共同成长2',
+    con2: '猎豹AI提供丰富的开放能力和成熟的合作机制，助力合作伙伴在猎豹AI平台上构建本地数字化AI配送平台，焦距全网生态链。'
+  },
+])
 </script>
 
 <template>
   <div class="content">
-    <div class="top-con">
-      <div class="con">与伙伴一起共同成长</div>
-      <div class="con1">优巨引擎开放平台</div>
-      <div class="con2">猎豹AI提供丰富的开放能力和成熟的合作机制，助力合作伙伴在猎豹AI平台上构建本地数字化AI配送平台，焦距全网生态链。</div>
-    </div>
+    <a-carousel autoplay effect="fade">
+      <div class="top-con" :style="v.imgUrl"
+        v-for="(v, i) in banners" :key="i">
+        <div class="con">{{ v.con }}</div>
+        <div class="con1">{{ v.con1 }}</div>
+        <div class="con2">{{ v.con2 }}</div>
+      </div>
+    </a-carousel>
+
     <!-- 接入流程 -->
-    <div class="access-process">
+    <!-- <div class="access-process">
       <div class="title">
         <div class="title-en">ACCESS PROCESS</div>
         <div class="title-ch">接入流程</div>
@@ -45,9 +69,9 @@ let partners = ref([])
       </div>
       <div class="register">立即注册</div>
       <img class="box" src="@/assets/images/5.png" alt="" srcset="">
-    </div>
+    </div> -->
     <!-- 合作伙伴 -->
-    <div class="cooperative-partner">
+    <!-- <div class="cooperative-partner">
       <div class="title">
         <div class="title-en">COOPERATIVE PARTNER</div>
         <div class="title-ch">合作伙伴</div>
@@ -56,7 +80,7 @@ let partners = ref([])
       <div class="partners">
         <img class="partner" :src="getAssetsFile(`7-${i + 1}.png`)" alt="" v-for="(v, i) in 15" :key="i">
       </div>
-    </div>
+    </div> -->
   </div>
 </template>
 
@@ -64,9 +88,9 @@ let partners = ref([])
 .content {
 
   .top-con {
-    background: url(@/assets/images/2-1.png) no-repeat;
+    // background: url(@/assets/images/8-2.png) no-repeat;
     background-position-x: center;
-    height: 900px;
+    height: 610px;
     padding: 110px 0 0 220px;
     color: #ffffff;