场景一:自定义弹窗实现弹窗中加入icon和文字,支持Button。
方案:
⦁ 使用@CustomDialog装饰器装饰自定义弹窗,在此装饰器内进行自定义内容(也就是弹框内容)、并创建构造器,与装饰器呼应相连。
⦁ 使用定时器,在页面的生命周期onPageShow中设置定时任务,页面显示时打开弹窗。
核心代码
@CustomDialog
struct CustomDialogExample {
controller?: CustomDialogController
build() {
Row() {
Image($r('app.media.huawei'))
.height(60)
.width(60)
.margin(20)
.borderRadius(10)
Text('Toast弹窗')
Button('进入')
.onClick(() => {
if (this.controller != undefined) {
this.controller.close()
}
})
.margi