#鸿蒙学习大百科#swiper如何设置在手机设备上显示一个内容,在折叠屏显示2个内容,在平板设备显示3个内容?

swiper如何设置在手机设备上显示一个内容,在折叠屏显示2个内容,在平板设备显示3个内容?


HarmonyOS
2024-09-25 10:25:17
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
福娃泡泡
@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%')
  }
}
分享
微博
QQ
微信
回复
2024-09-25 15:42:50
相关问题
如何Swiper显示Item?
1150浏览 • 1回复 待解决
鸿蒙 | Text 内容显示问题
10287浏览 • 5回复 待解决