Rect设置渐变显示异常

Rect()  
  .width('92%')  
  .height(156)  
  .radius([[8, 8], [8, 8]])  
    // .fill($r('app.color.color_blue_0C92FF'))  
  .linearGradient({  
    direction: GradientDirection.Right,  
    colors: [[0x17C0FF, 0.0], [0x0C92FF, 1.0]]  
  })  
  .alignRules({  
    top: { anchor: Container, align: VerticalAlign.Top },  
    middle: { anchor: Container, align: HorizontalAlign.Center }  
  })  
  .offset({ y: 12 })
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.