HarmonyOS鸿蒙Next中边框渐变.borderImage

HarmonyOS鸿蒙Next中边框渐变.borderImage

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';

  build() {
    RelativeContainer() {
      Row().width(100)
        .aspectRatio(1)
        .backgroundColor(Color.Red)
        .borderImage({
            source: {
              angle: 90,
              direction: GradientDirection.Left,
              colors: [[0xAEE1E1, 0.0], [0xD3E0DC, 0.3], [0xFCD1D1, 1.0]]
            },
            slice: {
              top: 10,
              bottom: 10,
              left: 10,
              right: 10
            },
            width: {
              top: "10px",
              bottom: "10px",
              left: "10px",
              right: "10px"
            },
            repeat: RepeatMode.Stretch,
            fill: false
          })
    }
    .height('100%')
    .width('100%')
  }
}