From 65fe679ee2a8682b8d3aeff1792a3e3f56c5f5af Mon Sep 17 00:00:00 2001
From: lyswhut <lyswhut@qq.com>
Date: Mon, 16 Sep 2019 13:31:06 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=88=87=E6=8D=A2=E6=AD=8C?=
 =?UTF-8?q?=E5=8D=95=E5=88=97=E8=A1=A8=E8=AF=A6=E6=83=85=E6=97=B6=E7=9A=84?=
 =?UTF-8?q?UI=20Bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 publish/changeLog.md            |  1 +
 src/renderer/views/SongList.vue | 27 +++++++++++++--------------
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/publish/changeLog.md b/publish/changeLog.md
index 4dcebf75..64c9cc26 100644
--- a/publish/changeLog.md
+++ b/publish/changeLog.md
@@ -9,3 +9,4 @@
 ### 修复
 
 - 修复试听列表没有歌曲时会显示列表加载中的Bug
+- 修复切换歌单列表详情时的UI Bug
diff --git a/src/renderer/views/SongList.vue b/src/renderer/views/SongList.vue
index c2de7eeb..b56c8ec5 100644
--- a/src/renderer/views/SongList.vue
+++ b/src/renderer/views/SongList.vue
@@ -2,17 +2,16 @@
   div(:class="$style.container")
     transition(enter-active-class="animated-fast fadeIn" leave-active-class="animated-fast fadeOut")
       div(:class="$style.songListDetailContent" v-show="isVisibleListDetail")
-        div(:class="$style.songListDetail")
-          div(:class="$style.songListHeader")
-            div(:class="$style.songListHeaderLeft")
-              img(:src="selectListInfo.img")
-              span(:class="$style.playNum" v-if="selectListInfo.play_count") {{selectListInfo.play_count}}
-            div(:class="$style.songListHeaderMiddle")
-              h3(:title="selectListInfo.name") {{selectListInfo.name}}
-              p(:title="selectListInfo.desc") {{selectListInfo.desc}}
-            div(:class="$style.songListHeaderRight")
-              material-btn(:class="$style.closeDetailButton" @click="hideListDetail") 返回
-          material-song-list(v-model="selectdData" @action="handleSongListAction" :source="source" :page="listDetail.page" :limit="listDetail.limit" :total="listDetail.total" :list="listDetail.list")
+        div(:class="$style.songListHeader")
+          div(:class="$style.songListHeaderLeft")
+            img(:src="selectListInfo.img")
+            span(:class="$style.playNum" v-if="selectListInfo.play_count") {{selectListInfo.play_count}}
+          div(:class="$style.songListHeaderMiddle")
+            h3(:title="selectListInfo.name") {{selectListInfo.name}}
+            p(:title="selectListInfo.desc") {{selectListInfo.desc}}
+          div(:class="$style.songListHeaderRight")
+            material-btn(:class="$style.closeDetailButton" @click="hideListDetail") 返回
+        material-song-list(v-model="selectdData" @action="handleSongListAction" :source="source" :page="listDetail.page" :limit="listDetail.limit" :total="listDetail.total" :list="listDetail.list")
     transition(enter-active-class="animated-fast fadeIn" leave-active-class="animated-fast fadeOut")
       div(:class="$style.songListContent" v-show="!isVisibleListDetail")
         div(:class="$style.header")
@@ -270,8 +269,8 @@ export default {
   width: 80px;
 }
 
-.songListContent, .songListDetailContent {
-  flex: auto;
+.songListContent, .song-list-detail-content {
+  // flex: auto;
   overflow: hidden;
 }
 
@@ -331,7 +330,7 @@ export default {
   padding-right: 15px;
 }
 
-.song-list-detail {
+.song-list-detail-content {
   position: absolute;
   width: 100%;
   height: 100%;