فهرست منبع

fix: 调整页面,增加跳转

刘秀芳 1 هفته پیش
والد
کامیت
205571ab59

BIN
src/assets/images/certification/certification2-1.png


BIN
src/assets/images/content/league3.png


+ 18 - 15
src/views/Home.vue

@@ -1,7 +1,16 @@
 <template>
   <div class="base-container">
     <div class="banner">
-      <el-carousel class="carousel" height="100vh" :autoplay="false">
+      <el-carousel class="carousel" height="100vh">
+        <el-carousel-item>
+          <div class="item-box">
+              <el-image class="image" :src="require('@/assets/images/home/banner3.png')" />
+              <div class="bottom-text">
+                <div class="bottom-title has-href" @click="toNewHref">飞鸟AI智慧巡园,防好每一只虫,养好每一块地</div>
+                <div class="bottom-two-desc">在低空 AI+技术加持下,中山大学飞鸟智慧农业团队为百年荔枝种植经验插上智能科技的翅膀,推动农业数字化转型。飞鸟创建了种植标准化、标准数字化、产品优质化的革新式现代农业技术,建立了种植全过程溯源体系,确保每一颗荔枝吃得安心,吃得健康。</div>
+              </div>
+          </div>
+        </el-carousel-item>
         <el-carousel-item>
           <div class="item-box">
               <el-image class="image" :src="require('@/assets/images/home/banner.png')" />
@@ -39,26 +48,17 @@
               </div>
           </div>
         </el-carousel-item>
-        <el-carousel-item>
-          <div class="item-box">
-              <el-image class="image" :src="require('@/assets/images/home/banner3.png')" />
-              <div class="bottom-text">
-                <div class="bottom-title">飞鸟AI智慧巡园,防好每一只虫,养好每一块地</div>
-                <div class="bottom-two-desc">在低空 AI+技术加持下,中山大学飞鸟智慧农业团队为百年荔枝种植经验插上智能科技的翅膀,推动农业数字化转型。飞鸟创建了种植标准化、标准数字化、产品优质化的革新式现代农业技术,建立了种植全过程溯源体系,确保每一颗荔枝吃得安心,吃得健康。</div>
-              </div>
-          </div>
-        </el-carousel-item>
       </el-carousel>
     </div>
   </div>
 </template>
 
 <script setup>
-const urls = [
-  require("@/assets/images/home/banner.png"),
-  require("@/assets/images/home/banner1.png"),
-  require("@/assets/images/home/banner2.png"),
-];
+
+function toNewHref() {
+  // 新窗口打开
+  window.open('https://app.cctv.com/special/m/livevod/index.html?guid=b55aa8f234224a67aafcf4491ebc9bc3&vtype=2&vsetId=C10598', '_blank')
+}
 </script>
 
 <style lang="scss" scoped>
@@ -151,6 +151,9 @@ const urls = [
           padding-bottom: 16px;
           line-height: 98px;
         }
+        .has-href {
+          cursor: pointer;
+        }
         .bottom-desc {
           font-size: 28px;
           letter-spacing: 4px;

+ 2 - 2
src/views/pages/ThreeFlavors.vue

@@ -168,7 +168,7 @@
                         <el-col :span="12">
                             <div class="item-box">
                                 <div class="item-img">
-                                    <img src="@/assets/images/flavors/flavors2-3.png" alt="">
+                                    <img src="@/assets/images/flavors/flavors2-4.png" alt="">
                                 </div>
                                 <div class="item-text">
                                     <div class="item-num">
@@ -261,7 +261,7 @@
                     <div class="box-item">
                         <div class="box-text">小时候的味道,其实就是食材的自然本味。要复刻这种味道,就需要以同样的自然生态环境,同样的有机种植方式,才能唤起我们记忆中的力量。</div>
                         <div class="box-img">
-                            <img src="@/assets/images/flavors/flavors3-3.png" alt="">
+                            <img src="@/assets/images/flavors/flavors3-4.png" alt="">
                         </div>
                     </div>
                 </div>