a423a7f801
- 移除 Column 组件，使用 vue-masonry-wall 实现瀑布流布局- 更新 ItemList 组件，集成瀑布流布局和新的详情弹窗 - 修改 DetailPopup 组件，使用新的详情信息结构 - 更新 itemDetail 组件，适配新的详情信息数据 - 在项目中添加 vue-masonry-wall 依赖
24 lines
566 B
Vue
24 lines
566 B
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> |