HarmonyOS 自定义弹窗部分问题答疑

@Component  
struct Dialog01 {  
  @Consume('pageInfos') pageInfos: NavPathStack;  
  build() {  
    NavDestination() {  
      Stack() {  
        Column()  
          .width('100%')  
          .height('100%')  
          .backgroundColor(Color.Gray)  
          .opacity(0.1)  
        // Add controls for business processing  
        Column() {  
          Text('Dialog01')  
            .fontSize(30)  
            .fontWeight(2)  
        }  
        .padding(10)  
        .width(250)  
        .backgroundColor(Color.White)  
        .borderRadius(10)  
      }  
    }  
    .onBackPressed((): boolean => true)  
    .hideTitleBar(true)  
    // Set the mode property of this NavDestination to DIALOG  
    .mode(NavDestinationMode.DIALOG)  
  }  
}  
@Entry  
@Component  
struct Index {  
  @Provide('pageInfos') pageInfos: NavPathStack = new NavPathStack()  
  isLogin: boolean = false;  
  
  @Builder  
  PagesMap(name: string) {  
    if (name == 'Dialog01') {  
      Dialog01()  
    }  
  }  
  build() {  
    Navigation(this.pageInfos) {  
      Button('push Dialog01')  
        .width('80%')  
        .onClick(() => {  
          this.pageInfos.pushPathByName('Dialog01', '');  
        })  
    }  
    .mode(NavigationMode.Stack)  
    .titleMode(NavigationTitleMode.Mini)  
    .title('主页')  
    .navDestination(this.PagesMap)  
  }  
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.

   alignment: DialogAlignment.Bottom,       
    offset: { dx: -2, dy: 0 }
1.
2.