fix: 阻止封面预览冒泡

This commit is contained in:
sunlei 2026-05-16 13:33:50 +08:00
parent 473c8f84ec
commit 9cc0ce21b8

View File

@ -213,12 +213,9 @@ const handleRemove = async (id: string) => {
:class="{ 'is-empty': !item.image }" :class="{ 'is-empty': !item.image }"
@click="!item.image && chartClick(item.id)" @click="!item.image && chartClick(item.id)"
> >
<AImage <div v-if="item.image" class="chart-preview-trigger" @click.stop>
v-if="item.image" <AImage :src="item.image" class="chart-image" :preview="true" />
:src="item.image" </div>
class="chart-image"
:preview="true"
/>
<Empty v-else class="chart-empty" description="暂无图片" /> <Empty v-else class="chart-empty" description="暂无图片" />
</div> </div>
</template> </template>
@ -360,6 +357,11 @@ const handleRemove = async (id: string) => {
height: 100%; height: 100%;
} }
.chart-preview-trigger {
width: 100%;
height: 100%;
}
:deep(.chart-cover .ant-image) { :deep(.chart-cover .ant-image) {
display: flex; display: flex;
align-items: center; align-items: center;