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

@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()
    }
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.