HarmonyOS收银台底部如果用page是否能实现收银台效果

可以使用NavDestination组件，设置NavDestinationMode为DIALOG模式，示例代码可以参考Navgation和NavDestination文档最下方：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-navigation-V5#示例

下面提供一个简单示例：PayPage.ets文件的代码：

import { PayViewPage } from './PayViewPage'
@Entry
@Component
struct PayPage {
  @Provide('pageInfos') pageInfos: NavPathStack = new NavPathStack()

  @Builder
  PageMap(name: string) {
    if (name === 'PayViewPage') {
      PayViewPage()
    }
  }
  build() {
    Navigation(this.pageInfos) {
      Button('点击跳转页面').onClick(() => {
        this.pageInfos.pushPath({ name: 'PayViewPage' })
      })
    }.width('100%').height('100%')
    .title('NavIndex').navDestination(this.PageMap)
  }
}
PayViewPage.ets文件的代码：
@Component
export struct PayViewPage {
  @Consume('pageInfos') pageInfos: NavPathStack;
  build() {
    NavDestination() {
      Column() {
        Text('我是收银台视图')
          .fontSize(18)
          .textAlign(TextAlign.Center)
          .backgroundColor(Color.White)
          .width('100%')
          .height(200)
      }
      .width('100%')
      .height('100%')
      .justifyContent(FlexAlign.End)
      .backgroundColor('#66000000')
    }
    .onBackPressed(() => {
      this.pageInfos.pop()
      return true
    })
    .mode(NavDestinationMode.DIALOG)
    .title('PayViewPage')
    .hideTitleBar(true)
    .width('100%')
    .height('100%')
  }
}