HarmonyOS 如何设置渐变背景色？

渐变背景色使用.linearGradient()，不用backGroundColor()。

请参考代码：

@Entry  
@Component  
struct Index {  
  build() {  
    Column() {}  
    .width('100%')  
    .height('100%')  
    .linearGradient({  
      direction:GradientDirection.Bottom,  
       colors:[[0xff0000, 0.0], [0xffff00, 1]]  
    })  
  }  
}

direction是渐变方向，根据您提供的UI效果图，选用:GradientDirection.Bottom即可。

colors为颜色数组，前面一个值为颜色色值，后面一个值为0~1,代表这个色值所到的整个组件的百分比。这个数组可以是多种颜色。

根据您提供的UI效果图，应该就两种颜色渐变，修改下起始色值和结束色值即可。

colors:[[起始色值, 0.0], [结束色值, 1]]

更丰富的渐变色请参考链接：

​​https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-gradient-color-V5#lineargradient​​