github
/
lx-music-desktop
mirror of https://github.com/lyswhut/lx-music-desktop
1
0
Fork 0
Code Issues Releases Wiki Activity

图片懒加载

pull/1072/head
lyswhut 2022-11-30 12:19:14 +08:00
parent c2dd35790f
commit 5c7652afe8
4 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/renderer/components/layout/PlayBar/FullWidthProgress.vue
View File

@ -4,7 +4,7 @@
<common-progress-bar v-if="!isShowPlayerDetail" :class-name="$style.progressBar" :progress="progress" :handle-transition-end="handleTransitionEnd" :is-active-transition="isActiveTransition" /> <common-progress-bar v-if="!isShowPlayerDetail" :class-name="$style.progressBar" :progress="progress" :handle-transition-end="handleTransitionEnd" :is-active-transition="isActiveTransition" />
</div> </div>
<div :class="$style.picContent" :aria-label="$t('player__pic_tip')" @contextmenu="handleToMusicLocation" @click="showPlayerDetail"> <div :class="$style.picContent" :aria-label="$t('player__pic_tip')" @contextmenu="handleToMusicLocation" @click="showPlayerDetail">
<img v-if="musicInfo.pic" :src="musicInfo.pic" loading="lazy" decoding="async" @error="imgError"> <img v-if="musicInfo.pic" :src="musicInfo.pic" decoding="async" @error="imgError">
<div v-else :class="$style.emptyPic">L<span>X</span></div> <div v-else :class="$style.emptyPic">L<span>X</span></div>
</div> </div>
<div :class="$style.infoContent"> <div :class="$style.infoContent">

2
src/renderer/components/layout/PlayBar/MiddleWidthProgress.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div :class="$style.player"> <div :class="$style.player">
<div :class="$style.picContent" :aria-label="$t('player__pic_tip')" @contextmenu="handleToMusicLocation" @click="showPlayerDetail"> <div :class="$style.picContent" :aria-label="$t('player__pic_tip')" @contextmenu="handleToMusicLocation" @click="showPlayerDetail">
<img v-if="musicInfo.pic" :src="musicInfo.pic" loading="lazy" decoding="async" @error="imgError"> <img v-if="musicInfo.pic" :src="musicInfo.pic" decoding="async" @error="imgError">
<div v-else :class="$style.emptyPic">L<span>X</span></div> <div v-else :class="$style.emptyPic">L<span>X</span></div>
</div> </div>
<div :class="$style.infoContent"> <div :class="$style.infoContent">

2
src/renderer/components/layout/PlayBar/MiniWidthProgress.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div :class="$style.player"> <div :class="$style.player">
<div :class="$style.picContent" :aria-label="$t('player__pic_tip')" @contextmenu="handleToMusicLocation" @click="showPlayerDetail"> <div :class="$style.picContent" :aria-label="$t('player__pic_tip')" @contextmenu="handleToMusicLocation" @click="showPlayerDetail">
<img v-if="musicInfo.pic" :src="musicInfo.pic" loading="lazy" decoding="async" @error="imgError"> <img v-if="musicInfo.pic" :src="musicInfo.pic" decoding="async" @error="imgError">
<div v-else :class="$style.emptyPic">L<span>X</span></div> <div v-else :class="$style.emptyPic">L<span>X</span></div>
</div> </div>
<div :class="$style.infoContent"> <div :class="$style.infoContent">

2
src/renderer/components/layout/PlayDetail/components/MusicComment/CommentFloor.vue
View File

@ -17,7 +17,7 @@ div(:class="$style.container")
div.select(:class="$style.comment_text") div.select(:class="$style.comment_text")
p(v-for="text in item.text") {{text}} p(v-for="text in item.text") {{text}}
div(v-if="item.images?.length" :class="$style.comment_images") div(v-if="item.images?.length" :class="$style.comment_images")
img(v-for="url in item.images" :src="url") img(v-for="url in item.images" :src="url" loading="lazy" decoding="async")
comment-floor(v-if="item.reply && item.reply.length" :class="$style.reply_floor" :comments="item.reply") comment-floor(v-if="item.reply && item.reply.length" :class="$style.reply_floor" :comments="item.reply")
</template> </template>