<script setup>
const props = defineProps({
  showCodeDialog: {
    type: Boolean,
    default: false,
  },
  qrCode: {
    type: String,
    default: "",
  },
});

const emit = defineEmits(["closeDialog"]);
const handleCloce = () => {
  emit("closeDialog", false);
};
</script>

<template>
  <div>
    <el-dialog
      v-model="props.showCodeDialog"
      title="支付"
      width="300"
      :before-close="handleCloce()"
    >
      <div>
        <img class="qrcode" :src="props.qrCode" />
      </div>
    </el-dialog>
  </div>
</template>

<style scoped lang="scss">
.qrcode {
  width: 150px;
  height: 150px;
  background-color: #8623fc;
  margin: 0 auto;
}
</style>