实现卡片轮播鸿蒙示例代码

Swiper() {
  LazyForEach(this.data, (item: CardInfo, index: number) => {
    CardComponent({
      cardInfo: item,
      cardTotalLength: this.data.totalCount(),
      cardIndex: index,
      showingCard: this.currentSwiperIndex
    })
  })
}
.index($$this.currentSwiperIndex)
  .loop(true)
  .indicator(false)
  .itemSpace(20)
  .displayCount(3)
  .duration(Constants.DURATION)
  .curve(Curve.Friction)
  .onChange((index) => {
    this.currentSwiperIndex = index
  })
  .height('100%')
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.