<template>
  <a-modal
    :open="visible"
    title="收藏"
    :width="modalWidth"
    :centered="true"
    :body-style="bodyStyle"
    :footer="null"
    @cancel="$emit('close')">
    <p>这里是个人资料表单内容……</p>
  </a-modal>
</template>

<script setup lang="ts">
import { computed } from 'vue';

interface Props {
  visible: boolean;
}
const props = defineProps<Props>();
const emit = defineEmits(['close']);

const modalWidth = computed(() => window.innerWidth * 0.6);
const bodyStyle  = computed(() => ({
  height: `${window.innerHeight * 0.6}px`,
  overflowY: 'auto'
}));
</script>