mirror of
https://github.com/KwiTsukasa/kt-template-online-web.git
synced 2026-05-27 16:35:47 +08:00
fix: 阻止封面预览冒泡
This commit is contained in:
parent
473c8f84ec
commit
9cc0ce21b8
@ -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;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user