画布双击添加内部图片

This commit is contained in:
李志鹏
2025-11-11 10:13:59 +08:00
parent 4365b810db
commit 5f3c4b5ac9
4 changed files with 49 additions and 21 deletions

View File

@@ -44,16 +44,17 @@
:key="index"
class="image-item"
@click="handleImageClick(item)"
@dblclick="handleImageDoubleClick(item)"
>
<div class="image-wrapper">
<img
:src="item.url"
:alt="item.name || '图片'"
:alt="item.name"
@error="handleImageError"
loading="lazy"
/>
<div class="image-overlay">
<span class="image-name">{{ item.name || "未命名" }}</span>
<span class="image-name">{{ item.name }}</span>
</div>
</div>
<!-- <div class="image-select" v-show="selectList.includes(item.url)">
@@ -169,7 +170,11 @@ const handleImageClick = (item) => {
selectList.value.push(item.url)
}
};
// 处理图片双击
const handleImageDoubleClick = (item) => {
selectList.value = [item.url];
confirm();
}
// 处理图片加载错误
const handleImageError = (event) => {
event.target.src =