HarmonyOS开发者社区

GridCol设置的圆角属性可以作用内部的column上
示例代码如下

// xxx.ets 
@Entry 
@Component 
struct GridRowExample { 
  @State bgColors: Color[] = [Color.Red, Color.Orange, Color.Yellow, Color.Green, Color.Pink, Color.Grey, Color.Blue, Color.Brown] 
  @State currentBp: string = 'unknown' 
 
  build() { 
    Column() { 
      GridRow() { 
        ForEach(this.bgColors, (color: Color) => { 
          GridCol({ span: { xs: 1, sm: 2, md: 3, lg: 4 }, offset: 0, order: 0 }) { 
            Column() 
              .width("100%") 
              .height("20vp") 
          } 
          .borderColor(color) 
          .borderWidth(2) 
          //GridCol里面放置column容器实现圆角，GridCol设置的圆角属性可以作用在内部的column上 
          .borderRadius(5) 
        }) 
      } 
    } 
  } 
}