不优雅的一次功能实现 - 半透明背景效果

本来想实现一个半透明渐变色的黑色背景，查了好久的资料，没找到，嗯。。。。

最后使用Photoshop制作了一个半透明渐变色PNG图片来实现的。哇哈哈哈

在鸿蒙NEXT给组件设置backgroundImage的时候，一定要设置backgroundImageSize，不然你会发现你的背景显示不出来

Column(){
  Text(this.mEpisodeDetail?.SeriesName)
    .fontColor($r('app.color.text_light'))
    .fontSize("20fp")
  Text(`S${this.mEpisodeDetail?.ParentIndexNumber}:E${this.mEpisodeDetail?.IndexNumber} - ${this.mEpisodeDetail?.Name}`)
    .fontColor($r('app.color.text_light'))
    .fontSize("12fp")
    .margin({top: "5vp"})
}
.alignItems(HorizontalAlign.Start)
.justifyContent(FlexAlign.End)
.alignRules({
  'bottom': { 'anchor': '__container__', 'align': VerticalAlign.Bottom },
  'left': { 'anchor': '__container__', 'align': HorizontalAlign.Start },
})
.width("100%")
.height("50%")
.padding("15vp")
.backgroundImage($r('app.media.bg_gradient_trans_down_up'), ImageRepeat.NoRepeat)
.backgroundImageSize({width: '100%', height: '100%'})