修复 图片无法显示

.eslintrc-auto-import.json

@@ -64,6 +64,10 @@
     "watch": true,
     "watchEffect": true,
     "watchPostEffect": true,
-    "watchSyncEffect": true
+    "watchSyncEffect": true,
+    "onWatcherCleanup": true,
+    "useId": true,
+    "useModel": true,
+    "useTemplateRef": true
   }
 }

src/pages/guest/index.vue

@@ -2,7 +2,7 @@
   <div class="flex items-center align-center justify-center h-screen">
     <div class="text-center">
       <div class="mt-5 !ml-2">
-        <n-image src="/src/assets/images/leaflow.png" width="200" />
+        <n-image :src="leaflowpng" width="200" />
         <n-h1> 满身星光，不负众望 </n-h1>
       </div>
       <br />
@@ -20,7 +20,7 @@
             <br />
             不代表最终品质。
           </n-h6>
-          <n-image src="/src/assets/images/group.png" width="300" />
+          <n-image :src="grouppng" width="300" />
         </div>
         <template #action>
           <n-button type="primary" @click="showModal = false">确定</n-button>
@@ -33,6 +33,9 @@
 <script setup lang="ts">
 import router from "../../router";
 import { useUserStore } from "../../stores/user";
+import leaflowpng from "@/assets/images/leaflow.png"
+import grouppng from "@/assets/images/group.png"
+
 const userStore = useUserStore();
 
 const login = () => {