【鸿蒙】 轮播图

@[Timport router from ‘@ohos.router’

@Component
export default struct SwiperExample {

@State SwiperData: Array = [
$r(‘app.media.icon’),
$r(‘app.media.app_icon’),
$r(‘app.media.icon’)
]

build() {
Column() {
Swiper() {
ForEach(this.SwiperData, (index: Resource) => {
Image(index)
.width(‘95%’)
.height(180)
})
}
.index(0) //初始化索引值
.autoPlay(true)//自动播放
.interval(4000)//L轮播自动播放间隔时间 默认3000
.loop(true)//是否开启循环播放
.duration(2000)//切换的动画时长
.itemSpace(10)//图片间隙
.indicator(true)//是否打开轮播点
}
.width(‘100%’)
.margin({ top: 5 })
}
}