HarmonyOS Popup背景处理

参考示例如下：

// xxx.ets
@Entry
@Component
struct PopupExample {
  @State handlePopup: boolean = false
  @State customPopup: boolean = false
  // popup构造器定义弹框内容
  @Builder
  popupBuilder() {
    Column() {
      Row() {
        Flex({ direction: FlexDirection.Row, justifyContent: FlexAlign.SpaceAround, alignItems: ItemAlign.Center }) {
          Text('回复').fontSize(15).fontColor(Color.White)
          Text('复制').fontSize(15).fontColor(Color.White)
          Text('删除').fontSize(15).fontColor(Color.White)
        }.width(200).height(50)
      }
      .backgroundColor(Color.Black)
      .borderRadius(8)

      Row() {
        Image($r('app.media.sanjiaoxing')).width(20).height(20)
      }
    }
    .backgroundColor('#00000000')
  }

  build() {
    Flex({ direction: FlexDirection.Column }) {
      Button('CustomPopupOptions')
        .position({ x: 100, y: 200 })
        .onClick(() => {
          this.customPopup = !this.customPopup
        })
        .bindPopup(this.customPopup, {
          enableArrow: false,
          builder: this.popupBuilder, // 气泡的内容
          placement: Placement.Top, // 气泡的弹出位置
          maskColor: Color.Transparent,
          popupColor: Color.Transparent, // 气泡的背景色
          backgroundBlurStyle: BlurStyle.NONE,
          radius: 0,
          targetSpace: 0,
          shadow: {
            radius: 0
          },
          onStateChange: (e) => {
            console.info(JSON.stringify(e.isVisible))
            if (!e.isVisible) {
              this.customPopup = false
            }
          }
        })
    }.width('100%')
    .backgroundColor(Color.Orange)
  }
}