HarmonyOS 如何实现页面是一个半屏页面，上半部分可看到上一页的内容？

import { router } from '@kit.ArkUI'  
@Entry  
@Component  
struct RunABC{  
  build() {  
    Column(){  
      Text('点击跳转页面A')  
        .onClick(()=>{  
          router.pushUrl({  
            url:'pages/panel/PageA'  
          })  
  
        })  
    }  
  }  
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.

import { router } from '@kit.ArkUI'  
@Entry  
@Component  
export struct PageA{  
  build() {  
    Stack(){  
      Stack(){  
        Column(){  
          Text('点击PageA，跳转到页面B')  
            .onClick(()=>{  
              router.pushUrl({  
                url:'pages/panel/PageB'  
              })  
            })  
        }.backgroundColor(Color.Red).borderRadius(24)  
      }.backgroundColor(Color.Green)  
      .width('100%')  
      .height('50%')  
    }  
  }  
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.

import { PageA } from './PageA'  
import { router } from '@kit.ArkUI'  
@Entry  
@Component  
struct PageB{  
  build() {  
    Column(){  
      //上半屏半透明，显示页面A  
      Stack(){  
        PageA().width('100%')  
        Column(){  
          Text('点击页面B随意处，跳转页面C')  
        }.height('50%').width('80%').opacity(0.5).backgroundColor(Color.Blue)  
        .onClick(()=>{  
          router.pushUrl({  
            url:'pages/panel/PageC'  
          })  
        })  
      }  
    }  
  }  
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.

@Entry  
@Component  
struct PageC{  
  build() {  
    Column(){  
      Text('页面C')  
    }  
    .backgroundColor(Color.Red)  
    .height('100%')  
    .width('100%')  
  }  
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.