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

添加同步歌单状态指示

pull/392/head
lyswhut 2020-12-12 09:41:31 +08:00
parent e9791fd493
commit 75e3976bfa
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/renderer/views/List.vue
View File

@ -11,7 +11,10 @@
span(:class="$style.listsLabel") {{defaultList.name}} span(:class="$style.listsLabel") {{defaultList.name}}
li(:class="[$style.listsItem, loveList.id == listId ? $style.active : null]" :tips="loveList.name" @click="handleListToggle(loveList.id)") li(:class="[$style.listsItem, loveList.id == listId ? $style.active : null]" :tips="loveList.name" @click="handleListToggle(loveList.id)")
span(:class="$style.listsLabel") {{loveList.name}} span(:class="$style.listsLabel") {{loveList.name}}
li.user-list(:class="[$style.listsItem, item.id == listId ? $style.active : null, listsData.rightClickItemIndex == index ? $style.clicked : null]" @contextmenu="handleListsItemRigthClick($event, index)" :tips="item.name" v-for="(item, index) in userList" :key="item.id") li.user-list(
:class="[$style.listsItem, item.id == listId ? $style.active : null, listsData.rightClickItemIndex == index ? $style.clicked : null, fetchingListStatus[item.id] ? $style.fetching : null]"
@contextmenu="handleListsItemRigthClick($event, index)"
:tips="item.name" v-for="(item, index) in userList" :key="item.id")
span(:class="$style.listsLabel" @click="handleListToggle(item.id, index + 2)") {{item.name}} span(:class="$style.listsLabel" @click="handleListToggle(item.id, index + 2)") {{item.name}}
input.key-bind(:class="$style.listsInput" @contextmenu.stop type="text" @keyup.enter="handleListsSave(index, $event)" @blur="handleListsSave(index, $event)" :value="item.name" :placeholder="item.name") input.key-bind(:class="$style.listsInput" @contextmenu.stop type="text" @keyup.enter="handleListsSave(index, $event)" @blur="handleListsSave(index, $event)" :value="item.name" :placeholder="item.name")
transition(enter-active-class="animated-fast slideInLeft" leave-active-class="animated-fast fadeOut" @after-leave="handleListsNewAfterLeave") transition(enter-active-class="animated-fast slideInLeft" leave-active-class="animated-fast fadeOut" @after-leave="handleListsNewAfterLeave")
@ -924,7 +927,7 @@ export default {
.listsItem { .listsItem {
position: relative; position: relative;
transition: .3s ease; transition: .3s ease;
transition-property: color, background-color; transition-property: color, background-color, opacity;
background-color: transparent; background-color: transparent;
&:hover:not(.active) { &:hover:not(.active) {
background-color: @color-theme_2-hover; background-color: @color-theme_2-hover;
@ -940,6 +943,9 @@ export default {
&.clicked { &.clicked {
background-color: @color-theme_2-hover; background-color: @color-theme_2-hover;
} }
&.fetching {
opacity: .5;
}
&.editing { &.editing {
padding: 0 10px; padding: 0 10px;
background-color: @color-theme_2-hover; background-color: @color-theme_2-hover;