vue+elementui+html+css+js昵图网
昵图网
在这里插入图片描述
compoment
<template>
<div class="block" >
<el-carousel :interval=6000 :autoplay="true" height="482px">
<el-carousel-item v-for="(item,index) in arrayList" :key="index">
<img ref="img" :src="item.src" alt="图片加载失败">
<img :src="arrayList[0].src" alt="">
</el-carousel-item>
</el-carousel>
</div>
</template>
<script>
import bk_1 from @/assets/imgs/bk_1.jpg
import bk_2 from @/assets/imgs/bk_2.jpg
import bk_3 from @/assets/imgs/bk_3.jpg
export default {
name: ElementRotation,
data(){
return{
arrayList:[
{
id:1,src:bk_1},
{
id:2,src:bk_2},
{
id:1,src:bk_3}
]
}
}
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
</style>
