添加歌词间隔跟随字体大小改变
parent
d710c31d48
commit
dda0d54f20
|
@ -328,7 +328,7 @@
|
|||
"setting__play_detail_align_center": "Centered",
|
||||
"setting__play_detail_align_left": "Left",
|
||||
"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_reset": "Reset",
|
||||
"setting__play_detail_font_zoom": "Zoom the currently playing lyrics",
|
||||
|
|
|
@ -328,7 +328,7 @@
|
|||
"setting__play_detail_align_center": "居中",
|
||||
"setting__play_detail_align_left": "居左",
|
||||
"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_reset": "重置",
|
||||
"setting__play_detail_font_zoom": "缩放当前正在播放的歌词",
|
||||
|
|
|
@ -328,7 +328,7 @@
|
|||
"setting__play_detail_align_center": "居中",
|
||||
"setting__play_detail_align_left": "居左",
|
||||
"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_reset": "重置",
|
||||
"setting__play_detail_font_zoom": "縮放當前正在播放的歌詞",
|
||||
|
|
|
@ -47,8 +47,8 @@ export default {
|
|||
|
||||
const lrcStyles = computed(() => {
|
||||
return {
|
||||
fontSize: setting.value.playDetail.style.fontSize / 100 + 'rem',
|
||||
textAlign: setting.value.playDetail.style.align,
|
||||
'--playDetail-lrc-font-size': setting.value.playDetail.style.fontSize / 100 + 'rem',
|
||||
}
|
||||
})
|
||||
const isZoomActiveLrc = computed(() => setting.value.playDetail.isZoomActiveLrc)
|
||||
|
@ -125,7 +125,7 @@ export default {
|
|||
text-align: center;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
font-size: 16px;
|
||||
font-size: var(--playDetail-lrc-font-size, 16px);
|
||||
cursor: grab;
|
||||
&.draging {
|
||||
cursor: grabbing;
|
||||
|
@ -133,7 +133,7 @@ export default {
|
|||
:global {
|
||||
.lrc-content {
|
||||
line-height: 1.2;
|
||||
margin: 16px 0;
|
||||
margin: var(--playDetail-lrc-font-size, 16px) 0;
|
||||
overflow-wrap: break-word;
|
||||
color: @color-player-detail-lyric;
|
||||
|
||||
|
|
Loading…
Reference in New Issue