@Styles 扩展组件公共样式：和上面的自定义构建函数一样，将公共样式/属性方法封装成函数，通过函数调用进行使用。

下面是代码参考：

// 扩展组件通用属性（适用于所有组件）
// 调用和使用系统的属性方法一样，如：.fillScreen()
@Styles function fillScreen() {
  // 注意点：这里面写的属性必须是所有组件的通用属性
  .width('100%')
  .height('100%')
  .backgroundColor('#f1f1f1')
  .padding(20)
  // 如：字体大小属性不是所有组件的通用属性，写会报错；为了解决这个问题，可以使用 @Extend 来扩展指定组件的样式
  //.fontSize(18)
}

@Extend 扩展特定组件样式

下面是代码参考：

// 扩展组件特有属性（仅可定义在全局）
@Extend(Text) function titleStyle(fontSize: number = 20) {
  .fontSize(fontSize)
  .fontColor('#333')
}

好了，今天的文章分享和介绍到这里就结束了，希望认真阅读全文的小伙伴，都能有所收获哦！当然了，如果在学习过程中遇到问题，也欢迎一起探讨！