#鸿蒙学习大百科#如何实现子组件根据优先级在不同尺寸的设备进行显示和隐藏？

@Entry
@Component
struct Index {
 @State rate: number = 100;
  build() {
    Column() {
      Row() {
        Image($r("app.media.icon04"))
          .width(40)
          .height(40)
          .displayPriority(1)
        Image($r("app.media.icon02"))
          .width(40)
          .height(40)
          .displayPriority(2)
        Image($r("app.media.icon01"))
          .width(40)
          .height(40)
          .displayPriority(3)//数值越大优先级越高
        Image($r("app.media.icon03"))
          .width(40)
          .height(40)
          .displayPriority(2)
        Image($r("app.media.icon05"))
          .width(40)
          .height(40)
          .displayPriority(1)
      }.width(this.rate + "%")
      .justifyContent(FlexAlign.SpaceEvenly)

      Slider({value:100,min:0,max:100})
        .onChange((value: number) => {
          this.rate  =value;
      })
    }
    .justifyContent(FlexAlign.Center)
    .height('100%')
    .width('100%')
  }
}