HarmonyOS 鸿蒙Next 装饰器 @Styles 和 @Extend

请参考https://blog.csdn.net/qq_53270554/article/details/136795973

使用[@Styles](/user/Styles)装饰器，它可以将多条样式设置提炼成一个方法，直接在组件声明的位置调用。通过[@Styles](/user/Styles)装饰器可以快速定义并复用自定义样式。用于快速定义并复用自定义样式。

当前[@Styles](/user/Styles)仅支持通用属性和通用事件，不支持参数。

[@Styles](/user/Styles)可以定义在组件内或全局，在全局定义时需在方法名前面添加function关键字，组件内定义时则不需要添加function关键字。

// 全局
@Styles function functionName() { … }
// 在组件内
@Component
struct FancyUse {
@Styles fancy() {
.height(100)
}
}如果想提取公共样式，可以使用attributeModifier
attributeModifier当前支持封装一个样式导出供其他组件使用，示例如下：
// CommonAttribute.ets
export class TitleTextAttribute implements AttributeModifier<TextAttribute> {
applyNormalAttribute(instance: TextAttribute): void {
instance.backgroundColor(Color.Black)
instance.fontColor(Color.White)
instance.fontSize(40)
}
}
// Index.ets
import { TitleTextAttribute } from ‘./CommonAttribute’
@Entry
@Component
struct Index {
@State modifier: TitleTextAttribute = new TitleTextAttribute()
build() {
Row() {
Column() {
Text(‘Hello World’)
.attributeModifier(this.modifier)
}
.width(‘100%’)
}
.height(‘100%’)
}
}