在HarmonyOS NEXT开发中Swiper组件的indicator有个默认宽高，且没有办法修改？

Question

在HarmonyOS NEXT开发中Swiper组件的indicator有个默认宽高，且没有办法修改？

Answer 1

该问题经验证可以通过修改bottom属性解决，demo如下：

@Entry 
@Component 
struct TestSwipper { 
  @State message: string = 'Hello World'; 
  private bannerInfo: number[] = [1, 2, 3, 4, 5, 6, 7, 8, 9] 
 
  build() { 
    if (this.bannerInfo && this.bannerInfo.length > 0) { 
      Swiper() { 
        ForEach(this.bannerInfo, (item: number, index: number) => { 
          Column() { 
            Image($r("app.media.startIcon")) 
              .alt($r("app.media.startIcon")) 
              .width("100%") 
              .aspectRatio(3.649) 
              .borderRadius("8vp") 
              .objectFit(ImageFit.Cover) 
 
            Column() { 
 
            }.width('100%') 
            .height(35) 
          } 
 
        }) 
      } 
      .cachedCount(2) 
      .autoPlay(true) 
      .interval(3000) 
      .vertical(false) 
      .loop(true) 
      .margin({ left: "16vp", right: "16vp" }) 
      .indicator( 
        new DotIndicator() 
          .bottom(22) 
          .itemWidth("4vp") 
          .itemHeight("4vp") 
          .selectedItemWidth("6vp") 
          .selectedItemHeight("6vp") 
          .color(Color.Gray) 
          .selectedColor(Color.White) 
      ) 
    } 
  } 
}