HarmonyOS 容器组件如何自定义 / 如何在不同页面复用样式

//创建Button的通用样式  
class MyButtonModifier implements AttributeModifier<ButtonAttribute> {  
  //正常状态下的样式  
  applyNormalAttribute(instance: ButtonAttribute): void {  
    instance.fontSize(50).fontWeight(FontWeight.Bold).backgroundColor(Color.Red).fontColor(Color.Green)  
  }  
}  
  
//创建Text的通用样式  
class MyTextModifier implements AttributeModifier<TextAttribute> {  
  applyNormalAttribute(instance: TextAttribute): void {  
    instance.fontSize(50).fontColor(Color.White).backgroundColor(Color.Blue).borderRadius(10)  
  }  
  
}  
  
@Entry  
@Component  
struct AttributeModifierPage {  
  @State message: string = 'Hello World';  
  buttonModifier:MyButtonModifier = new MyButtonModifier()  
  textModifier:MyTextModifier = new MyTextModifier()  
  
  build() {  
    Column({space:10}) {  
      Button('按钮一')  
        .attributeModifier(this.buttonModifier)  
  
      Button('按钮二')  
        .attributeModifier(this.buttonModifier)  
  
      Text('文本一')  
        .attributeModifier(this.textModifier)  
  
      Text('文本二')  
        .attributeModifier(this.textModifier)  
  
    }.justifyContent(FlexAlign.Center)  
    .height('100%')  
    .width('100%')  
  }  
}