文字背景颜色渐变显示

import curves from '@ohos.curves'; 
 
@Entry 
@Component 
struct text { 
  @State bgColor: Color = Color.Gray; 
 
  build() { 
    Column() { 
      Text('Hello World') 
        .fontSize(36) 
        .fontColor(Color.Red) 
        .backgroundColor(this.bgColor) 
        .onClick(() => { 
          animateTo({ curve: curves.springMotion() }, () => { 
            this.bgColor = Color.White; 
          }) 
        }) 
 
    } 
  } 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.