diff --git a/src/assets/images/icon/selected.png b/src/assets/images/icon/selected.png new file mode 100644 index 00000000..149bc06a Binary files /dev/null and b/src/assets/images/icon/selected.png differ diff --git a/src/component/Canvas/ExistsImageList/index.vue b/src/component/Canvas/ExistsImageList/index.vue index 2e6e2d3c..1473e5f8 100644 --- a/src/component/Canvas/ExistsImageList/index.vue +++ b/src/component/Canvas/ExistsImageList/index.vue @@ -56,9 +56,14 @@ {{ item.name || "未命名" }} -
+ +
diff --git a/src/component/common/SelectImages.vue b/src/component/common/SelectImages.vue index c4641cc3..68795f15 100644 --- a/src/component/common/SelectImages.vue +++ b/src/component/common/SelectImages.vue @@ -38,9 +38,10 @@ {{ item.name || '未命名' }} -
+ +
@@ -242,8 +243,8 @@ const resetAndLoad = (category = selectedCategory.value) => { list.value = [] hasMore.value = true currentPage.value = 0 - console.log('默认选择----',getDefaultCategory()) - selectedCategory.value = getDefaultCategory() + // console.log('默认选择----',getDefaultCategory()) + selectedCategory.value =category || getDefaultCategory() fetchImages(1, category, true) // 检查是否需要自动加载更多数据 @@ -280,6 +281,7 @@ const handleImageClick = item => { // 处理分类切换 const handleChangeCategory = category => { + // console.log('handleChangeCategory',category) selectedCategory.value = category // 如果提供了API,则重新加载数据 @@ -508,8 +510,9 @@ defineExpose({ overflow-y: auto; grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); gap: 16px; - min-height: 20rem; + min-height: 22rem; max-height: 50rem; + padding-bottom: 2rem; @media screen and (max-width: 768px) { grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); @@ -574,12 +577,16 @@ defineExpose({ .image-select { position: absolute; - bottom: 0; - right: 0; + bottom: -1.25rem; + right: -1.25rem; z-index: 2; - transform: translate(50%, 50%); - i { - font-size: 2.5rem; + // transform: translate(50%, 50%); + // i { + // font-size: 2.5rem; + // } + &.selected-icon{ + width:2.5rem; + height: 2.5rem; } }