mirror of
https://github.com/Kuingsmile/PicList.git
synced 2026-05-06 20:42:57 +08:00
✨ Feature(custom): enhance image selection handling, improve experience
This commit is contained in:
@@ -210,8 +210,12 @@
|
|||||||
key-field="key"
|
key-field="key"
|
||||||
>
|
>
|
||||||
<template #default="{ item, index }">
|
<template #default="{ item, index }">
|
||||||
<div class="gallery-item" :class="{ selected: choosedList[item.id || ''] }">
|
<div
|
||||||
<div class="image-container" @click="zoomImage(index)">
|
class="gallery-item"
|
||||||
|
:class="{ selected: choosedList[item.id || ''] }"
|
||||||
|
@click="handleChooseImage(!choosedList[item.id || ''], index)"
|
||||||
|
>
|
||||||
|
<div class="image-container" @click.stop="zoomImage(index)">
|
||||||
<img
|
<img
|
||||||
:src="
|
:src="
|
||||||
imageErrorStates[item.key || '']
|
imageErrorStates[item.key || '']
|
||||||
@@ -252,7 +256,7 @@
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<label class="custom-checkbox">
|
<label class="custom-checkbox" @click.stop>
|
||||||
<input
|
<input
|
||||||
v-model="choosedList[item.id ? item.id : '']"
|
v-model="choosedList[item.id ? item.id : '']"
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
|
|||||||
Reference in New Issue
Block a user