From b4405aec5518fbb2c54cd8266770eaca758e5a75 Mon Sep 17 00:00:00 2001
From: jmal <zhushilun084@gmail.com>
Date: Wed, 20 May 2020 14:11:17 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D:=20=E9=9F=B3=E4=B9=90?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E6=97=A0=E5=B0=81=E9=9D=A2=E6=97=B6=EF=BC=8C?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E9=BB=98=E8=AE=A4=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Icon/IconFile.vue | 26 ++++++++++++++++++--------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/components/Icon/IconFile.vue b/src/components/Icon/IconFile.vue
index ede7685..ec334c1 100644
--- a/src/components/Icon/IconFile.vue
+++ b/src/components/Icon/IconFile.vue
@@ -17,15 +17,21 @@
     <svg-icon v-if="item.isFolder" icon-class="folder"/>
     <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-if="item.music.name !== null">
-        <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 slot="error" class="image-slot">
-          <svg-icon icon-class="loading-image-error"/>
+      <div v-if="item.music !== undefined">
+        <div v-if="item.music.name !== null">
+          <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 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>
-      </el-image>
-      <el-avatar v-if="!grid" shape="square" :src="item.fileId ? (audioCoverUrl+item.fileId) : (audioCoverUrl+item.id)"></el-avatar>
       </div>
-      <svg-icon v-else icon-class="audio"/>
+      <svg-icon v-else class="avatar-default-image" icon-class="audio"/>
     </div>
     <!--<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)">
@@ -101,5 +107,9 @@
   }
 </script>
 <style lang="scss" scoped>
-
+  .avatar-default-image{
+    height: 35px;
+    width: 35px;
+    line-height: 35px;
+  }
 </style>