添加歌词间隔跟随字体大小改变
parent
d710c31d48
commit
dda0d54f20
|
@ -328,7 +328,7 @@
|
||||||
"setting__play_detail_align_center": "Centered",
|
"setting__play_detail_align_center": "Centered",
|
||||||
"setting__play_detail_align_left": "Left",
|
"setting__play_detail_align_left": "Left",
|
||||||
"setting__play_detail_align_right": "Right",
|
"setting__play_detail_align_right": "Right",
|
||||||
"setting__play_detail_font_size": "Lyrics font size (you can use the keyboard - adjust the font size on the playback details page)",
|
"setting__play_detail_font_size": "Lyrics font size (you can use the keyboard + - adjust the font size on the playback details page)",
|
||||||
"setting__play_detail_font_size_current": "Current font size: {size}",
|
"setting__play_detail_font_size_current": "Current font size: {size}",
|
||||||
"setting__play_detail_font_size_reset": "Reset",
|
"setting__play_detail_font_size_reset": "Reset",
|
||||||
"setting__play_detail_font_zoom": "Zoom the currently playing lyrics",
|
"setting__play_detail_font_zoom": "Zoom the currently playing lyrics",
|
||||||
|
|
|
@ -328,7 +328,7 @@
|
||||||
"setting__play_detail_align_center": "居中",
|
"setting__play_detail_align_center": "居中",
|
||||||
"setting__play_detail_align_left": "居左",
|
"setting__play_detail_align_left": "居左",
|
||||||
"setting__play_detail_align_right": "居右",
|
"setting__play_detail_align_right": "居右",
|
||||||
"setting__play_detail_font_size": "歌词字体大小(可以在播放详情页使用键盘的+-调整字体大小)",
|
"setting__play_detail_font_size": "歌词字体大小(可以在播放详情页使用键盘的 + - 调整字体大小)",
|
||||||
"setting__play_detail_font_size_current": "当前字体大小:{size}",
|
"setting__play_detail_font_size_current": "当前字体大小:{size}",
|
||||||
"setting__play_detail_font_size_reset": "重置",
|
"setting__play_detail_font_size_reset": "重置",
|
||||||
"setting__play_detail_font_zoom": "缩放当前正在播放的歌词",
|
"setting__play_detail_font_zoom": "缩放当前正在播放的歌词",
|
||||||
|
|
|
@ -328,7 +328,7 @@
|
||||||
"setting__play_detail_align_center": "居中",
|
"setting__play_detail_align_center": "居中",
|
||||||
"setting__play_detail_align_left": "居左",
|
"setting__play_detail_align_left": "居左",
|
||||||
"setting__play_detail_align_right": "居右",
|
"setting__play_detail_align_right": "居右",
|
||||||
"setting__play_detail_font_size": "歌詞字體大小(可以在播放詳情頁使用鍵盤的 -調整字體大小)",
|
"setting__play_detail_font_size": "歌詞字體大小(可以在播放詳情頁使用鍵盤的 + - 調整字體大小)",
|
||||||
"setting__play_detail_font_size_current": "當前字體大小:{size}",
|
"setting__play_detail_font_size_current": "當前字體大小:{size}",
|
||||||
"setting__play_detail_font_size_reset": "重置",
|
"setting__play_detail_font_size_reset": "重置",
|
||||||
"setting__play_detail_font_zoom": "縮放當前正在播放的歌詞",
|
"setting__play_detail_font_zoom": "縮放當前正在播放的歌詞",
|
||||||
|
|
|
@ -47,8 +47,8 @@ export default {
|
||||||
|
|
||||||
const lrcStyles = computed(() => {
|
const lrcStyles = computed(() => {
|
||||||
return {
|
return {
|
||||||
fontSize: setting.value.playDetail.style.fontSize / 100 + 'rem',
|
|
||||||
textAlign: setting.value.playDetail.style.align,
|
textAlign: setting.value.playDetail.style.align,
|
||||||
|
'--playDetail-lrc-font-size': setting.value.playDetail.style.fontSize / 100 + 'rem',
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
const isZoomActiveLrc = computed(() => setting.value.playDetail.isZoomActiveLrc)
|
const isZoomActiveLrc = computed(() => setting.value.playDetail.isZoomActiveLrc)
|
||||||
|
@ -125,7 +125,7 @@ export default {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
font-size: 16px;
|
font-size: var(--playDetail-lrc-font-size, 16px);
|
||||||
cursor: grab;
|
cursor: grab;
|
||||||
&.draging {
|
&.draging {
|
||||||
cursor: grabbing;
|
cursor: grabbing;
|
||||||
|
@ -133,7 +133,7 @@ export default {
|
||||||
:global {
|
:global {
|
||||||
.lrc-content {
|
.lrc-content {
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
margin: 16px 0;
|
margin: var(--playDetail-lrc-font-size, 16px) 0;
|
||||||
overflow-wrap: break-word;
|
overflow-wrap: break-word;
|
||||||
color: @color-player-detail-lyric;
|
color: @color-player-detail-lyric;
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue