南通城乡住房建设厅网站首页,毕业设计旅游网站开发,网站建设 爱诚科技公司,网络购物网站大全功能#xff0c;①通用型#xff0c;三方组件完成#xff08;如#xff0c;elementPlus#xff09; ②自己写
轮播图
本文使用vue3中的UI框架——elementPlus——三方组件中的 el-carousel 实现轮播图
// 组件静态模板
templatediv classhom…功能①通用型三方组件完成如elementPlus ②自己写
轮播图
本文使用vue3中的UI框架——elementPlus——三方组件中的 el-carousel 实现轮播图
// 组件静态模板
templatediv classhome-bannerel-carousel height500pxel-carousel-item v-foritem in bannerList :keyitem.idimg :srcitem.imgUrl alt/el-carousel-item/el-carousel/div
/templatestyle scoped langscss
.home-banner {width: 1240px;height:500px;position: absolute;left: 0;top: 0;z-index: 98;img {width: 100%;height: 500px;}
}
/style 通过el-carousel标签使用轮播图其中el-carousel-item是其中的每一项图 官网快速开始 | Element Plus (element-plus.org)
