自定义弹窗封装

@Component
export struct PrivacyDialog {

  build() {
    NavDestination() {
      Stack({ alignContent: Alignment.Center }) {
        Column() {
        }
        .width('100%')
        .height('100%')
        .backgroundColor('rgba(0,0,0,0.5)')
        .transition(
          TransitionEffect.OPACITY.animation({
            duration: 300,
            curve: Curve.Friction
          })
        )
        .onClick(() => {
          AppRouter.pop();
        })

        Column() {
          Text('弹窗')
            .fontColor(Color.White)
          Button('新页面', { stateEffect: true, type: ButtonType.Capsule })
            .onClick(() => {
              AppRouter.push('privacyPage')
            })
        }
        .width('50%')
        .height('30%')
        .backgroundColor(Color.Blue)
        .transition(
          TransitionEffect.scale({ x: 0, y: 0 }).animation({
            duration: 300,
            curve: Curve.Friction
          })
        )
      }
      .width('100%')
      .height('100%')
    }
    .mode(NavDestinationMode.DIALOG)
    .hideTitleBar(true)
  }
}

entry/src/main/ets/
|---cases                                 
|   |---navDialog                         // 自定义弹窗组件
|   |   |---view
|   |   |   |---PrivacyDialogView.ets
|   |   |   |---PrivacyPage.ets           
|   |   |---CaseDialog.ets
|   |   |---CustomDialog.ets
|   |   |---DefaultDialog.ets              
|   |   |---PrivacyDialog.ets
|   |   |---SheetDialo.ets
|---common
|   |---CommonConstants.ets
|---entryability
|   |---EntryAbility.ets
|---pages
|   |---index.ets                          // 页面入口
|---router
|   |---AppRouter.ets                      // 路由工具类
|---util                                   
|   |---AppDialog.ets                      // 封装弹窗控制器，定义弹窗UI组件