liveh5-nuxt/app/pages/home/components/DetailPopup/index.vue

<script setup>
import xPopup from '@/components/x-popup/index.vue'
import ItemDetail from "@/components/itemDetail/index.vue";
import {goodStore} from "~/stores/goods/index.js";
const {
  artWorkDetail
} = goodStore()
const props = defineProps({
  show: {
    type: Boolean,
    default: false
  }
})

const emit = defineEmits(['update:show'])
const handleClose = () => {
  emit('update:show', false)
}
</script>
<template>
  <xPopup :show="show" title="拍品详情" @update:show="handleClose">
    <ItemDetail :detailInfo="artWorkDetail" />
  </xPopup>
</template>