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

优化播放控制按钮交互效果

pull/277/head
lyswhut 2020-06-24 16:18:05 +08:00
parent 32ffe33e1a
commit f59b2d26ad
2 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/renderer/components/core/Player.vue
View File

@ -820,7 +820,7 @@ export default {
}
.middle-container {
height: 100%;
padding: 5px 8px 5px 8px;
padding: 5px 10px 5px 8px;
display: flex;
flex-flow: column nowrap;
}
@ -914,10 +914,10 @@ export default {
flex: none;
height: 46%;
// margin-top: -2px;
transition: @transition-theme;
transition-property: color;
color: @color-theme;
transition: opacity 0.1s ease;
// transition: @transition-theme;
// transition-property: color;
// color: @color-theme;
transition: opacity 0.2s ease;
opacity: 1;
cursor: pointer;
@ -925,8 +925,11 @@ export default {
fill: currentColor;
filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.2));
}
&:hover {
opacity: 0.8;
}
&:active {
opacity: 0.7;
opacity: 0.6;
}
}

6
src/renderer/components/core/PlayerDetail.vue
View File

@ -619,10 +619,10 @@ export default {
padding: 5px;
cursor: pointer;
flex: none;
transition: @transition-theme;
transition-property: color;
// transition: @transition-theme;
// transition-property: color;
color: @color-player-detail-play-btn;
transition: opacity 0.1s ease;
transition: opacity 0.2s ease;
opacity: 1;
cursor: pointer;