From f59b2d26ad0dfef216cbeeda592c5344b89fc2fb Mon Sep 17 00:00:00 2001 From: lyswhut Date: Wed, 24 Jun 2020 16:18:05 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=92=AD=E6=94=BE=E6=8E=A7?= =?UTF-8?q?=E5=88=B6=E6=8C=89=E9=92=AE=E4=BA=A4=E4=BA=92=E6=95=88=E6=9E=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/renderer/components/core/Player.vue | 15 +++++++++------ src/renderer/components/core/PlayerDetail.vue | 6 +++--- 2 files changed, 12 insertions(+), 9 deletions(-) diff --git a/src/renderer/components/core/Player.vue b/src/renderer/components/core/Player.vue index 1457dcd5..814b5f74 100644 --- a/src/renderer/components/core/Player.vue +++ b/src/renderer/components/core/Player.vue @@ -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; } } diff --git a/src/renderer/components/core/PlayerDetail.vue b/src/renderer/components/core/PlayerDetail.vue index 2cbc5a52..8e1ed025 100644 --- a/src/renderer/components/core/PlayerDetail.vue +++ b/src/renderer/components/core/PlayerDetail.vue @@ -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;