42 lines
1.2 KiB
Vue
42 lines
1.2 KiB
Vue
<template>
|
|
<div class="banner">
|
|
<div class="index-title">
|
|
<h3>我们致力于</h3>
|
|
<p>让更多人享受美好生活</p>
|
|
</div>
|
|
<div class="banner-list">
|
|
<el-carousel>
|
|
<el-carousel-item>
|
|
<img src="../../assets/image/banner_imgs/serve2.jpg" alt="">
|
|
</el-carousel-item>
|
|
<el-carousel-item >
|
|
<img src="../../assets/image/banner_imgs/serve3.jpg" alt="">
|
|
</el-carousel-item>
|
|
<el-carousel-item >
|
|
<img src="../../assets/image/banner_imgs/serve4.jpg" alt="">
|
|
</el-carousel-item>
|
|
<el-carousel-item >
|
|
<img src="../../assets/image/banner_imgs/serve5.jpg" alt="">
|
|
</el-carousel-item>
|
|
</el-carousel>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
let bannerList =[
|
|
{id:2,img_url:'serve2.jpg'},
|
|
{id:3,img_url:'serve3.jpg'},
|
|
{id:4,img_url:'serve4.jpg'},
|
|
{id:5,img_url:'serve5.jpg'},
|
|
]
|
|
</script>
|
|
<style lang="scss">
|
|
.banner{
|
|
padding-top: 20px;
|
|
}
|
|
.banner-list{
|
|
margin-top: 15px;
|
|
}
|
|
</style>
|
|
|