页面类似弹框样式跳转H5

@Entry 
@Component 
struct Index { 
  webController: webview.WebviewController = new webview.WebviewController(); 
  aboutToAppear(): void { 
    webview.WebviewController.setWebDebuggingAccess(true) 
    const windowStage: window.WindowStage | undefined = AppStorage.get("windowStage") 
    if (windowStage) { 
      windowStage.createSubWindow('test', (err, win) => { 
        if (err.code) { 
          console.log(JSON.stringify(err.code)) 
        } else { 
          win.loadContentByName(entryName); 
          win.resize(500, 500); 
          win.moveWindowTo(500, 500) 
          win.showWindow(); 
        } 
      }) 
    } 
  } 
 
  build() { 
    Row() { 
      Column() { 
        Text('Index') 
          .fontSize(50) 
          .fontWeight(FontWeight.Bold) 
      } 
      .width('100%') 
    } 
    .height('100%') 
 
  } 
}
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.

export const entryName: string = 'Page3'; 
@Entry({ routeName: entryName }) 
@Component 
struct Page3 { 
  @State message: string = 'Hello World'; 
  webController: webview.WebviewController = new webview.WebviewController(); 
 
  build() { 
    Row() { 
      Column() { 
        Web({ src:'https://xxx.huawei.com',controller:this.webController }) 
          .domStorageAccess(true) 
          .onTitleReceive(event => { 
            if (event?.title) { 
              console.log('receive title: ----- ' + event.title) 
            } else { 
              console.log('receive title not found ') 
            } 
          }) 
      } 
      .width('100%') 
    } 
    .height('100%') 
    .backgroundColor(Color.Red) 
  } 
}
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.