HarmonyOS 鸿蒙Next对话框

HarmonyOS 鸿蒙Next对话框

import { Want } from '@kit.AbilityKit';
import { hilog } from '@kit.PerformanceAnalysisKit';
import { common } from '@kit.AbilityKit';

@Component
struct xxx {
  imageIcon: string = 'app.media.startIcon'
  @Require
  text: string = ''
  reverse: boolean = false

  build() {
    Row({ space: 10 }) {
      Image($r(`${this.imageIcon}`)).margin({ left:10,right:10 }).width(50).height(50)

      Stack({
        alignContent: this.reverse ? Alignment.End : Alignment.Start,
      }) {
        if (this.reverse) {
          Polygon({ width: 8, height: 8 })
            .points([[0, 0], [0, 8], [8, 4]])
            .fill(Color.Red)
            .offset({
              x: 8
            })
        } else {
          Polygon({ width: 8, height: 8 })
            .points([[0, 4], [8, 8], [8, 0]])
            .fill(Color.Red)
            .offset({
              x: -8
            })
        }

        Text(this.text)
          .fontSize(20)
          .padding(10)
          .backgroundColor(Color.Red)
          .borderRadius(10)

      }
      .layoutWeight(1)
    }
    .width('100%')
    .reverse(this.reverse)
  }
}

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

  build() {
    Column() {
      xxx({
        imageIcon: "app.media.startIcon",
        text: 'Hello World',
      })
      xxx({
        text: 'Hello World',
        reverse: true
      })
      xxx({
        text: 'Hello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello World',
        reverse: true
      })
      xxx({
        text: 'Hello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello World',
      })
    }
    .height('100%')
    .width('100%')
  }
}