ArkTS如何实现一个底部弹窗？

Column({ space: 8 }) {
    Button("点我").onClick(() => {
      this.show = !this.show
    })
    Panel(this.show) { // 展示日程
      Column() {
        Text('Title')
        Divider()
        Text('This is content')
      }
    }
    .type(PanelType.Foldable)
    .mode(PanelMode.Half)
    .dragBar(true) // 默认开启
    .halfHeight(500) // 默认一半
    .showCloseIcon(true) // 显示关闭图标
    .onChange((width: number, height: number, mode: PanelMode) => {
      console.info(`width:${width},height:${height},mode:${mode}`)
    })
  }.width('100%')
  .height("100%")
  .justifyContent(FlexAlign.Start)
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.