<template>
<!-- 伦播图区域 -->
<view class="home">
<swiper :indicator-dots="true" :autoplay="true" :circular="true">
<swiper-item v-for="item in imgSwipres" :key="item.goods_id">
<image :src="item.image_src"></image>
</swiper-item>
</swiper>
</view>
</template>
<script>
export default {
data() {
return {
// 伦播图
imgSwipres: [{
image_src: "https://img0.baidu.com/it/u=3798217922,3880088897&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1658509200&t=14725b756bb61b06ac8c8435254b361b"
},
{
image_src: "https://img1.baidu.com/it/u=3217543765,3223180824&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1658509200&t=390868d58f935f2e1018e1c96822a3d9"
}
],
}
},
}
</script>
<style lang="scss">
.home {
swiper {
width: 750rpx;
height: 380rpx;
image {
width: 100%;
height: 100%;
}
}
}
</style>
swiper 属性说明 见官方文档
https://uniapp.dcloud.io/component/swiper.html#swiper