在HarmonyOS NEXT开发中text组件如何实现部分圆角？

Question

在HarmonyOS NEXT开发中text组件如何实现部分圆角？text组件如何实现部分圆角 咨询场景描述：text组件期望实现左下和右下位置圆角，左上和右上位置不进行圆角，请问该如何实现

Answer 1

你可以添加borderRadius({bottomLeft : 10,bottomRight : 10})属性实现，参考demo:

@Entry 
@Component 
struct TextExample6 { 
  @State text: string = '你叫什么名字' 
  build() { 
    Column() { 
      Text(this.text) 
        .fontSize(16) 
        .border({ width: 1 }) 
        .lineHeight(20) 
        .maxLines(1) 
        .width(300) 
        .margin({ left: 20, top: 20 }) 
        .borderRadius({ 
          bottomLeft : 10, 
          bottomRight : 10 
        }) 
    }.margin({ 
      top : 200 
    }) 
  } 
}