fix: image lazyload

MooncellWiki · Mar 25, 2024 · 1555c45 · 1555c45
1 parent fcad3f6
commit 1555c45
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/widgets/CVList/VoiceLangTab.vue b/src/widgets/CVList/VoiceLangTab.vue
@@ -48,7 +48,7 @@ export default defineComponent({
     >
       <img
         class="lazyload"
-        :src="getAvatarURL(voiceId).toString()"
+        :data-src="getAvatarURL(voiceId).toString()"
         width="80"
       />
     </a>

diff --git a/src/widgets/EnemiesListV2/index.vue b/src/widgets/EnemiesListV2/index.vue
@@ -326,7 +326,7 @@ export default defineComponent({
           key: "icon",
           render(row) {
             const img = h("img", {
-              src: `/images/${getImagePath(`头像_敌人_${row.name}.png`)}`,
+              "data-src": `/images/${getImagePath(`头像_敌人_${row.name}.png`)}`,
               class: "lazyload",
               style: {
                 width: "65px",
@@ -525,7 +525,7 @@ export default defineComponent({
           <img
             class="lazyload"
             style="width: 65px; height: 65px"
-            :src="`/images/${getImagePath(`头像_敌人_${row.name}.png`)}`"
+            :data-src="`/images/${getImagePath(`头像_敌人_${row.name}.png`)}`"
           />
         </a>
         <NPagination

diff --git a/src/widgets/VoiceTable/VoicePlayer.vue b/src/widgets/VoiceTable/VoicePlayer.vue
@@ -104,7 +104,7 @@ export default defineComponent({
       :download="`${fileName}.wav`"
     >
       <img
-        class="md:w-10 <sm:w-7 cursor-pointer lazyload"
+        class="md:w-10 <sm:w-7 cursor-pointer"
         title="下载"
         data-src="/images/f/f1/Download.png"
       />