@Extend()全局用法（只有全局用法）

最新推荐文章于 2024-09-30 15:37:45 发布

鸿蒙笔记

最新推荐文章于 2024-09-30 15:37:45 发布

阅读量174

点赞数 2

文章标签： android 鸿蒙

本文链接：https://blog.csdn.net/2301_79082288/article/details/141272494

版权

作用

针对某个组件的样式，非通用样式

样式和事件

只有全局样式

全局代码

@Extend(Text)
function TextStyleExtend(color: ResourceColor, msg: string) {
  .fontColor(color)
  .fontWeight(FontWeight.Bold)
  .fontSize(20)
  .margin({ top: 10 })
  .onClick(() => {
    AlertDialog.show(
      { message: msg }
    )
  })
}

使用

  build() {
    Column() {
      //使用前
      Text("第一个文本")
        .fontColor(Color.Red)
        .fontWeight(FontWeight.Bold)
        .fontSize(20)
        .margin({ top: 10 })
        .onClick(() => {
          AlertDialog.show(
            { message: '点击了第一个文本' }
          )
        })

      Text("第二个文本")
        .fontColor(Color.Brown)
        .fontWeight(FontWeight.Bold)
        .fontSize(20)
        .margin({ top: 10 })
        .onClick(() => {
          AlertDialog.show(
            { message: '点击了第二个文本' }
          )
        })

      //使用后
      Text("第三个文本")
        .TextStyleExtend(Color.Red, '点击了第三个文本')
      Text("第四个文本")
        .TextStyleExtend(Color.Brown, '点击了第四个文本')
    }
  }