<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>