# Popup 弹出框

参考 <a href="https://didi.github.io/mand-mobile/#/zh-CN/docs/components/feedback/popup" target="_blank">Mand Mobile - Popup</a>

## 基础用法

弹出框说明

::: snippet 示例

```html
<template>
  <div class="popup-demo">
    <zui-button @click="popupVisible = true">普通按钮</zui-button>
    <zui-popup v-model="popupVisible">
      弹出框内容
    </zui-popup>
  </div>
</template>

<script>
export default {
  data() {
    return {
      popupVisible: false,
    }
  },
}
</script>

<style lang="scss">
.popup-demo {
  height: 20vh;
  width: 400px;
  position: relative;
}
</style>
```

:::