#鸿蒙通关秘籍#鸿蒙NEXT中的@Styles装饰器如何实现样式复用与优化

使用@Styles装饰器将重复的样式代码集中提炼成可重用的方法，既可以在单个组件内定义，也可以全局定义以便跨组件复用。在build函数中，通过调用这些方法简化样式应用过程，达到优化组件代码的目的。组件内样式优先级高于全局样式。

@Styles function globalStyles() {
  .width(150)
  .height(100)
  .backgroundColor(Color.Pink)
}

@Component
struct FancyComponent {
  @Styles myStyle() {
    .width(200)
    .height(100)
    .backgroundColor(Color.Yellow)
  }

  build() {
    Column() {
      Text('全局样式示例').globalStyles()
      Text('组件内样式示例').myStyle()
    }
  }
}