布局修改 部分bug修复

src/component/Canvas/ExistsImageList/index.vue

@@ -17,7 +17,7 @@
     >
       <div class="image-list-modal">
         <div class="modal-header">
-          <h3>{{ $t("图片库") }}</h3>
+          <h3>{{ $t("Canvas.photoGallery") }}</h3>
           <button class="close-btn" @click="showPanel = false">&times;</button>
         </div>
 
@@ -62,13 +62,13 @@
           <!-- 空状态 -->
           <div v-if="filteredImages.length === 0" class="empty-state">
             <div class="empty-icon">📷</div>
-            <p>{{ $t("暂无图片") }}</p>
+            <p>{{ $t("Canvas.NoPicture") }}</p>
           </div>
         </div>
 
         <div class="modal-footer">
           <div class="image-count">
-            {{ $t("共") }} {{ filteredImages.length }} {{ $t("张图片") }}
+            {{ $t("Canvas.general") }} {{ filteredImages.length }} {{ $t("Canvas.PicturesInTotal") }}
           </div>
         </div>
       </div>
@@ -78,6 +78,7 @@
 
 <script setup>
 import { ref, computed, defineProps, defineEmits } from "vue";
+import { useI18n } from 'vue-i18n'
 
 // Props
 const props = defineProps({
@@ -94,17 +95,18 @@ const props = defineProps({
     },
   },
 });
+const {t} = useI18n();
 
 // Emits
 const emits = defineEmits(["select"]);
 
 // 响应式数据
 const showPanel = ref(false);
-const selectedCategory = ref("全部");
+const selectedCategory = ref(t("Canvas.all"));
 
 // 计算属性：获取所有分类
 const categories = computed(() => {
-  const allCategories = ["全部"];
+  const allCategories = [t("Canvas.all")];
   const typeSet = new Set();
 
   props.list.forEach((item) => {
@@ -207,7 +209,7 @@ const handleImageError = (event) => {
   display: flex;
   align-items: center;
   justify-content: center;
-  z-index: 1000;
+  z-index: 1001;
   animation: fadeIn 0.3s ease;
 }