feat: 打包后图片不加载问题

components/pageLayout/cloudData.vue

@@ -11,7 +11,7 @@
         <MovieCarousel3D>
           <swiper-slide v-for="(movie, index) in imgList" :key="index" class="size-4/5">
             <div class="w-full h-full">
-              <NuxtImg :src="movie" alt="" class="w-full h-full object-cover" format="webp" />
+              <img :src="movie" alt="" class="w-full h-full object-cover" format="webp" />
             </div>
           </swiper-slide>
         </MovieCarousel3D>
@@ -25,7 +25,7 @@
         :key="index"
         class="flex flex-col gap-[18px] md:gap-2 sm:gap-1 justify-center"
       >
-        <NuxtImg
+        <img
           :src="item.icon"
           alt=""
           class="size-16 md:size-14 sm:size-7 object-cover mx-auto"

components/pageLayout/device.vue

@@ -4,7 +4,7 @@
     <picture class="absolute inset-0 z-0">
       <source media="(max-width: 1024px)" :srcset="'/images/deviceInterface/bg_sm.png'" />
       <source media="(max-width: 1025px)" :srcset="'/images/deviceInterface/bg_lg.png'" />
-      <NuxtImg
+      <img
         src="/images/deviceInterface/bg_lg.png"
         loading="eager"
         class="size-full object-cover"
@@ -30,13 +30,13 @@
               >
             </div>
             <div class="tabs-content-devices">
-              <NuxtImg
+              <img
                 src="/images/deviceInterface/bk1000a.png"
                 loading="eager"
                 class="tabs-content-img"
                 format="webp"
               />
-              <NuxtImg
+              <img
                 src="/images/deviceInterface/bk1000b.png"
                 loading="eager"
                 class="tabs-content-img"
@@ -56,14 +56,14 @@
               >
             </div>
             <div class="tabs-content-devices">
-              <NuxtImg
+              <img
                 src="/images/deviceInterface/bk2000a.png"
                 loading="eager"
                 class="tabs-content-img"
                 format="webp"
               />
 
-              <NuxtImg
+              <img
                 src="/images/deviceInterface/bk2000b.png"
                 loading="eager"
                 class="tabs-content-img"

components/pageLayout/electricPower.vue

@@ -6,7 +6,7 @@
     <picture class="absolute inset-0 z-0">
       <source media="(max-width: 1024px)" srcset="/images/electricPower/bg_sm.png" />
       <source media="(max-width: 1025px)" srcset="/images/electricPower/bg_lg.png" />
-      <NuxtImg
+      <img
         src="/images/electricPower/bg_lg.png"
         loading="eager"
         class="size-full object-cover"
@@ -22,7 +22,7 @@
         <SwiperFlip>
           <swiper-slide v-for="(movie, index) in imgList" :key="index" class="size-[90%]">
             <div class="w-full h-full">
-              <NuxtImg :src="movie" alt="" class="w-full h-full object-cover" format="webp" />
+              <img :src="movie" alt="" class="w-full h-full object-cover" format="webp" />
             </div>
           </swiper-slide>
         </SwiperFlip>
@@ -44,12 +44,7 @@
           class="h-[150px] md:h-[96px] sm:h-[48px] md:pl-7 sm:pl-4 md:py-4 sm:py-2 w-full flex items-center border-b border-white/20 border-dashed gap-9 md:gap-6 sm:gap-2"
           :class="{ 'md:border-b-0 sm:border-b-0': idx === electricPowerList.length - 1 }"
         >
-          <NuxtImg
-            :src="item.img"
-            loading="eager"
-            class="size-16 md:size-10 sm:size-5"
-            format="webp"
-          />
+          <img :src="item.img" loading="eager" class="size-16 md:size-10 sm:size-5" format="webp" />
           <div class="text-white">
             <h6 class="text-3xl md:text-xl sm:text-xs font-bold">{{ item.title }}</h6>
             <div

layouts/default.vue

@@ -15,7 +15,7 @@
           />
         </NuxtLink>
       </h1>
-      <nav class="absolute inset-0">
+      <nav class="absolute inset-0 select-none">
         <ul
           class="flex justify-center text-xl gap-x-4 leading-17 sm:leading-13 text-white sm:hidden md:hidden"
         >
@@ -59,10 +59,14 @@
           </li>
         </ul>
       </nav>
-      <Menu as="div" class="hidden h-full sm:block md:block" v-slot="{ open: menuOpen }">
+      <Menu
+        as="div"
+        class="hidden h-full sm:block md:block select-none"
+        v-slot="{ open: menuOpen }"
+      >
         <MenuButton class="h-full">
           <div
-            class="navbar-control"
+            class="navbar-control select-none"
             :class="{ open: isNavbarOpen }"
             @click="toggleNavbar(menuOpen)"
           >
@@ -82,7 +86,7 @@
           <div v-show="isNavbarOpen">
             <MenuItems
               as="ul"
-              class="header-bg border-t-1 absolute inset-0 top-17 sm:top-13 z-50 overflow-hidden border-t-[1px] border-[hsla(0,0%,100%,.06)] text-white backdrop-blur-2xl"
+              class="header-bg select-none border-t-1 absolute inset-0 top-17 sm:top-13 z-50 overflow-hidden border-t-[1px] border-[hsla(0,0%,100%,.06)] text-white backdrop-blur-2xl"
               static
             >
               <template v-for="nav in navItems" :key="nav.path">