实现轮播图结构数据渲染

swiper swiper | uni-app官网 (dcloud.net.cn)

滑块视图容器。【设计人员应以375px的宽度设计小程序】

一般用于左右滑动或上下滑动，比如banner轮播图。

组件代码

<swiper indicator-dots circular><swiper-item v-for="item in swipers" :key="item.id"><image :src="item.img"></image></swiper-item>
</swiper>

SCSS样式

	.home {swiper {width: 750rpx;height: 380rpx;image {height: 100%;width: 100%;}}
}