<template>
  <u-popup :show="visible" mode="center" @close="onClose" closeable :safe-area-inset-bottom="false" :customStyle="{ background: 'transparent' }">
    <view class="popup-normal">
      <view class="popup-normal__content">
        <slot></slot>
      </view>
    </view>
  </u-popup>
</template>

<script>
export default {
  props: {
    visible: {
      type: Boolean,
      default: false,
    },
  },
  methods: {
    onClose() {
      this.$emit('update:visible', false);
    },
  }
}
</script>

<style lang="scss">
.popup-normal {
  box-sizing: border-box;
  width: 660rpx;
  padding: 65rpx 74rpx 60rpx;
  background-color: #FFFFFF;
  color: #000000;
  border-radius: 30rpx;
  &__content {
    background-color: #FFFFFF;
    font-weight: normal;
    max-height: 65vh;
    overflow-y: auto;
  }
}
</style>
