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

修复切换歌单列表详情时的UI Bug

pull/96/head
lyswhut 2019-09-16 13:31:06 +08:00
parent a16b825c3b
commit 65fe679ee2
2 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
publish/changeLog.md
View File

@ -9,3 +9,4 @@
### 修复 ### 修复
- 修复试听列表没有歌曲时会显示列表加载中的Bug - 修复试听列表没有歌曲时会显示列表加载中的Bug
- 修复切换歌单列表详情时的UI Bug

27
src/renderer/views/SongList.vue
View File

@ -2,17 +2,16 @@
div(:class="$style.container") div(:class="$style.container")
transition(enter-active-class="animated-fast fadeIn" leave-active-class="animated-fast fadeOut") transition(enter-active-class="animated-fast fadeIn" leave-active-class="animated-fast fadeOut")
div(:class="$style.songListDetailContent" v-show="isVisibleListDetail") div(:class="$style.songListDetailContent" v-show="isVisibleListDetail")
div(:class="$style.songListDetail") div(:class="$style.songListHeader")
div(:class="$style.songListHeader") div(:class="$style.songListHeaderLeft")
div(:class="$style.songListHeaderLeft") img(:src="selectListInfo.img")
img(:src="selectListInfo.img") span(:class="$style.playNum" v-if="selectListInfo.play_count") {{selectListInfo.play_count}}
span(:class="$style.playNum" v-if="selectListInfo.play_count") {{selectListInfo.play_count}} div(:class="$style.songListHeaderMiddle")
div(:class="$style.songListHeaderMiddle") h3(:title="selectListInfo.name") {{selectListInfo.name}}
h3(:title="selectListInfo.name") {{selectListInfo.name}} p(:title="selectListInfo.desc") {{selectListInfo.desc}}
p(:title="selectListInfo.desc") {{selectListInfo.desc}} div(:class="$style.songListHeaderRight")
div(:class="$style.songListHeaderRight") material-btn(:class="$style.closeDetailButton" @click="hideListDetail") 返回
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")
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") transition(enter-active-class="animated-fast fadeIn" leave-active-class="animated-fast fadeOut")
div(:class="$style.songListContent" v-show="!isVisibleListDetail") div(:class="$style.songListContent" v-show="!isVisibleListDetail")
div(:class="$style.header") div(:class="$style.header")
@ -270,8 +269,8 @@ export default {
width: 80px; width: 80px;
} }
.songListContent, .songListDetailContent { .songListContent, .song-list-detail-content {
flex: auto; // flex: auto;
overflow: hidden; overflow: hidden;
} }
@ -331,7 +330,7 @@ export default {
padding-right: 15px; padding-right: 15px;
} }
.song-list-detail { .song-list-detail-content {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;