中国优质的IT技术网站
专业IT技术创作平台
IT职业在线教育平台
Swiper中的图片过大如何解决?
微信扫码分享
@Entry @Component struct Index { @State breakPoint: string = 'sm' //根据断点来设置displayCount的数量 build() { GridRow({ columns: { sm: 4, md: 8, lg: 12 } }) { GridCol({ span: { sm: 4, md: 8, lg: 12 } }) { Swiper() { Text().width("100%") .height(200) .backgroundColor(Color.Blue) Text().width("100%") .height(200) .backgroundColor(Color.Yellow) Text().width("100%") .height(200) .backgroundColor(Color.Pink) }.displayCount(this.breakPoint === "lg" ? 3 : 1) //根据尺寸设置展示item的数量 } .height('100%') .width('100%') }.onBreakpointChange((breakpoint: string) => { this.breakPoint = breakpoint }) } }