<template>
<el-carousel :interval="3000" height="250px" style="margin-top: 180px;">
<el-carousel-item v-for="i in carousalImg" :key="i">
<img :src="i.url" alt="" class="banner-imgs">
</el-carousel-item>
</el-carousel>
</template>
<script setup>
import banner1 from '../assets/imgs/banner1.png'
import banner2 from '../assets/imgs/banner2.png'
import banner3 from '../assets/imgs/banner3.png'
const carousalImg = [
{url:banner1},
{url:banner2},
{url:banner3}
]
</script>
<style lang="scss" scoped>
.banner-imgs{
width: 100%;
height: 100%;
object-fit: cover;
}
</style>
element-plus使用carousel组件
最新推荐文章于 2023-12-21 17:08:40 发布