在HarmonyOS NEXT开发中swiper组件样式？

Question

在HarmonyOS NEXT开发中swiper组件样式？

Answer 1

你可在样式中设置即可，参考如下demo：

@Entry 
@Component 
struct SwiperDemo { 
  private swiperController: SwiperController = new SwiperController(); 
 
  build() { 
    Column({ space: 5 }) { 
      Swiper(this.swiperController) { 
        Text('0') 
          .width(250) 
          .height(250) 
          .backgroundColor(Color.Gray) 
          .textAlign(TextAlign.Center) 
          .fontSize(30) 
        Text('1') 
          .width(250) 
          .height(250) 
          .backgroundColor(Color.Green) 
          .textAlign(TextAlign.Center) 
          .fontSize(30) 
        Text('2') 
          .width(250) 
          .height(250) 
          .backgroundColor(Color.Pink) 
          .textAlign(TextAlign.Center) 
          .fontSize(30) 
      } 
      .indicator(true) 
      .margin({right:60}) 
 
      Row({ space: 12 }) { 
        Button('showNext') 
          .onClick(() => { 
            this.swiperController.showNext(); // 通过controller切换到后一页 
          }) 
        Button('showPrevious') 
          .onClick(() => { 
            this.swiperController.showPrevious(); // 通过controller切换到前一页 
          }) 
      }.margin(5) 
    }.width('100%') 
    .margin({ top: 5 }) 
  } 
}