如何使用Styles动态的去修改组件当中的样式，比如要封装一个导航栏组件，使用该组件时传入对应的样式

@Entry  
@Component  
export struct ImageRotationPage {  
  @State rotateValue: number = 0;  
  fancyParams: FancyParam = new FancyParam();  
  @Styles globalFancy() {  
  .width(this.fancyParams.width)  
  .height(this.fancyParams.height)  
  .backgroundColor(Color.Pink)  
}  
  aboutToAppear(): void {  
     this.fancyParams.width = 100  
    this.fancyParams.height = 50  
  }  
  @Builder ShowToast() {  
    Column() {  
      Image($r("app.media.app_icon"))  
        .globalFancy()  
        .margin({bottom: 10})  
        .rotate({ angle: this.rotateValue })  
        .animation({  
          duration: 2000,  
          curve: Curve.Linear,  
          iterations: -1,  
          playMode: PlayMode.Normal  
        })  
        .onComplete(() => {  
          animateTo({ curve: Curve.Linear }, () => {  
            console.log("curves springMotion");  
            this.rotateValue = 360  
          })  
        })  
    }  
  }  
  build() {  
    Column() {  
      this.ShowToast()  
    }  
  }  
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.