1 Star 0 Fork 5.3K

Yj / docs

forked from OpenHarmony / docs 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
ts-component-based-extend.md 684 Bytes
一键复制 编辑 原始数据 按行查看 历史

@Extend

@Extend装饰器将新的属性函数添加到内置组件上,如TextColumnButton等。通过**@Extend**装饰器可以快速定义并复用组件的自定义样式。

@Extend(Text) function fancy(fontSize: number) {
  .fontColor(Color.Red)
  .fontSize(fontSize)
  .fontStyle(FontStyle.Italic)
}

@Entry
@Component
struct FancyUse {
  build() {
    Row({ space: 10 }) {
      Text("Fancy")
        .fancy(16)
      Text("Fancy")
        .fancy(24)
    }
  }
}

icon-note.gif 说明: @Extend装饰器不能用在自定义组件struct定义框内。

1
https://gitee.com/yj404/docs.git
git@gitee.com:yj404/docs.git
yj404
docs
docs
master

搜索帮助