HarmonyOS text组件如何实现部分圆角？

Question

如题：HarmonyOS text组件如何实现部分圆角？

Answer 1

问题场景

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

可以添加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
    })
  }
}