中国优质的IT技术网站
专业IT技术创作平台
IT职业在线教育平台
swiper如何设置在手机设备上显示一个内容,在折叠屏显示2个内容,在平板设备显示3个内容?
微信扫码分享
@Entry @Component struct Index { @StorageLink("breakPoint") breakPoint: string = ''//获取设备的尺寸类型,过程略过 build() { Column() { 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%') } }