lunanting/jmalcloud-view
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复: 音乐文件无封面时，显示默认图标

Browse Source
This commit is contained in:
jmal 2020-05-20 14:11:17 +08:00
parent e169d74bf5
commit b4405aec55
1 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/Icon/IconFile.vue
View File

@ -17,15 +17,21 @@
<svg-icon v-if="item.isFolder" icon-class="folder"/> <svg-icon v-if="item.isFolder" icon-class="folder"/>
<svg-icon v-else-if="item.contentType.indexOf('video') > -1" icon-class="video"/> <svg-icon v-else-if="item.contentType.indexOf('video') > -1" icon-class="video"/>
<div v-else-if="item.contentType.indexOf('audio') > -1" v-on:mousedown="noDrag($event)"> <div v-else-if="item.contentType.indexOf('audio') > -1" v-on:mousedown="noDrag($event)">
<div v-if="item.music.name !== null"> <div v-if="item.music !== undefined">
<el-image v-if="grid" :style="{'width':details?'110px':'80px','height':details?'110px':'80px'}" fit="contain" :src="item.fileId ? (audioCoverUrl+item.fileId) : (audioCoverUrl+item.id)"> <div v-if="item.music.name !== null">
<div slot="error" class="image-slot"> <el-image v-if="grid" :style="{'width':details?'110px':'80px','height':details?'110px':'80px'}" fit="contain" :src="item.fileId ? (audioCoverUrl+item.fileId) : (audioCoverUrl+item.id)">
<svg-icon icon-class="loading-image-error"/> <div slot="error" class="image-slot">
<svg-icon icon-class="audio"/>
</div>
</el-image>
<el-avatar v-if="!grid" shape="square" :src="item.fileId ? (audioCoverUrl+item.fileId) : (audioCoverUrl+item.id)">
<div slot="default">
<svg-icon class="avatar-default-image" icon-class="audio"/>
</div>
</el-avatar>
</div> </div>
</el-image>
<el-avatar v-if="!grid" shape="square" :src="item.fileId ? (audioCoverUrl+item.fileId) : (audioCoverUrl+item.id)"></el-avatar>
</div> </div>
<svg-icon v-else icon-class="audio"/> <svg-icon v-else class="avatar-default-image" icon-class="audio"/>
</div> </div>
<!--<svg-icon v-else-if="item.contentType.indexOf('text') > -1" icon-class="file-txt"/>--> <!--<svg-icon v-else-if="item.contentType.indexOf('text') > -1" icon-class="file-txt"/>-->
<div v-else-if="item.contentType.indexOf('image') > -1" v-on:mousedown="noDrag($event)"> <div v-else-if="item.contentType.indexOf('image') > -1" v-on:mousedown="noDrag($event)">
@ -101,5 +107,9 @@
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.avatar-default-image{
height: 35px;
width: 35px;
line-height: 35px;
}
</style> </style>