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

修复歌词缩放设置失效的问题

pull/459/head
lyswhut 2021-03-04 13:20:19 +08:00
parent ebfbc11c20
commit 90d9e9b911
1 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/renderer-lyric/components/core/Lyric.vue
View File

@ -1,5 +1,5 @@
<template lang="pug"> <template lang="pug">
div(:class="[$style.lyric, lyricEvent.isMsDown ? $style.draging : null]" :style="lrcStyles" @wheel="handleWheel" @mousedown="handleLyricMouseDown" ref="dom_lyric") div(:class="[$style.lyric, { [$style.draging]: lyricEvent.isMsDown }, { [$style.lrcActiveZoom]: lrcConfig.style.isZoomActiveLrc } ]" :style="lrcStyles" @wheel="handleWheel" @mousedown="handleLyricMouseDown" ref="dom_lyric")
div(:class="$style.lyricSpace") div(:class="$style.lyricSpace")
div(:class="[$style.lyricText]" ref="dom_lyric_text") div(:class="[$style.lyricText]" ref="dom_lyric_text")
//- div(v-for="(info, index) in lyricLines" :key="index" :class="[$style.lineContent, lyric.line == index ? (lrcConfig.style.isZoomActiveLrc ? $style.lrcActiveZoom : $style.lrcActive) : null]") //- div(v-for="(info, index) in lyricLines" :key="index" :class="[$style.lineContent, lyric.line == index ? (lrcConfig.style.isZoomActiveLrc ? $style.lrcActiveZoom : $style.lrcActive) : null]")
@ -355,15 +355,14 @@ export default {
color: @color-theme; color: @color-theme;
} }
.translation { .translation {
font-size: 1em;
color: @color-theme; color: @color-theme;
} }
span { // span {
// color: @color-theme; // color: @color-theme;
font-size: 1.2em; // }
}
} }
span { span {
transition: @transition-theme !important; transition: @transition-theme !important;
transition-property: font-size !important; transition-property: font-size !important;
@ -422,8 +421,18 @@ export default {
} }
} }
.lrc-active-zoom { .lrc-active-zoom {
.lrc-active; :global {
font-size: 1.2em; .lrc-content {
&.active {
.translation {
font-size: 1em;
}
span {
font-size: 1.2em;
}
}
}
}
} }
.footer { .footer {
flex: 0 0 100px; flex: 0 0 100px;