|
@@ -1,7 +1,16 @@
|
|
<template>
|
|
<template>
|
|
<div class="base-container">
|
|
<div class="base-container">
|
|
<div class="banner">
|
|
<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>
|
|
<el-carousel-item>
|
|
<div class="item-box">
|
|
<div class="item-box">
|
|
<el-image class="image" :src="require('@/assets/images/home/banner.png')" />
|
|
<el-image class="image" :src="require('@/assets/images/home/banner.png')" />
|
|
@@ -39,26 +48,17 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</el-carousel-item>
|
|
</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>
|
|
</el-carousel>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
<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>
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
@@ -151,6 +151,9 @@ const urls = [
|
|
padding-bottom: 16px;
|
|
padding-bottom: 16px;
|
|
line-height: 98px;
|
|
line-height: 98px;
|
|
}
|
|
}
|
|
|
|
+ .has-href {
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ }
|
|
.bottom-desc {
|
|
.bottom-desc {
|
|
font-size: 28px;
|
|
font-size: 28px;
|
|
letter-spacing: 4px;
|
|
letter-spacing: 4px;
|