Popup 弹出层

Popup 组件会响应返回按钮和返回手势。当返回时，会关闭弹出层，而不是回到上一页。

示例

基础用法

<Popup bind:visible={popup.center} position="center">
  <div>居中</div>
</Popup>

页面跳转

请注意：Popup 打开状态下，如果需要跳转页面，请直接跳转，Popup 会自动关闭。

<script lang="ts">
  import { delay } from 'sun-parakeet'

  let visible = $state(false)

  // 直接跳转
  function nextStep() {
    goto('/next-step')
  }
</script>

<Popup bind:visible position="center">
  <Button onclick={() => nextPage()}>跳转</Button>
</Popup>

Popup

属性

事件