自实现 UseConfirm 组件

This commit is contained in:
jxxghp
2025-05-24 17:19:43 +08:00
parent 21f352aa64
commit 4dd4e0e148
15 changed files with 199 additions and 80 deletions

View File

@@ -1,6 +1,6 @@
<script lang="ts" setup>
import { useToast } from 'vue-toast-notification'
import { useConfirm } from 'vuetify-use-dialog'
import { useConfirm } from '@/composables/useConfirm'
import { useI18n } from 'vue-i18n'
import { useDisplay } from 'vuetify'
@@ -290,12 +290,7 @@ const dropdownItems = ref([
<div class="plugin-folder-card__body" :class="{ 'plugin-folder-card__body--no-icon': !shouldShowIcon }">
<!-- 文件夹图标 -->
<div v-if="shouldShowIcon" class="plugin-folder-card__icon-container">
<VIcon
:icon="folderIcon"
:size="display.mobile ? 56 : 72"
class="plugin-folder-card__folder-icon"
:color="iconColor"
/>
<VIcon :icon="folderIcon" :size="display.mobile ? 56 : 72" class="cursor-move" :color="iconColor" />
</div>
<!-- 文件夹信息 -->
@@ -534,14 +529,6 @@ const dropdownItems = ref([
flex-shrink: 0;
}
&__folder-icon {
transition: all 0.3s ease;
.plugin-folder-card--hover & {
transform: scale(1.05);
}
}
&__info {
text-align: left;
min-height: 0;