画布双击添加内部图片
This commit is contained in:
@@ -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 =
|
||||
|
||||
Reference in New Issue
Block a user