injectlib/SPlayer
1
0
Fork 0
mirror of https://github.com/imsyy/SPlayer.git synced 2025-11-25 11:29:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

Update LyricsSetting.vue

Browse Source 
feat:优化调整歌词大小设置
This commit is contained in:
Pissofdvpe
2025-09-21 00:38:10 +08:00
committed by GitHub
parent 8bd3dc56d8
commit 105fed4bd0
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/Setting/LyricsSetting.vue
View File

@@ -29,7 +29,7 @@
<n-card class="set-item"> <n-card class="set-item">
<div class="label"> <div class="label">
<n-text class="name">歌词字体大小</n-text> <n-text class="name">歌词字体大小</n-text>
<n-text class="tip" :depth="3">单位 px，最小 30，最大 60</n-text> <n-text class="tip" :depth="3">单位 px，最小 12，最大 60</n-text>
</div> </div>
<n-flex> <n-flex>
<Transition name="fade" mode="out-in"> <Transition name="fade" mode="out-in">
@@ -45,7 +45,7 @@
</Transition> </Transition>
<n-input-number <n-input-number
v-model:value="settingStore.lyricFontSize" v-model:value="settingStore.lyricFontSize"
:min="30" :min="12"
:max="60" :max="60"
class="set" class="set"
placeholder="请输入歌词字体大小" placeholder="请输入歌词字体大小"
@@ -58,7 +58,7 @@
<n-card class="set-item"> <n-card class="set-item">
<div class="label"> <div class="label">
<n-text class="name">翻译歌词大小</n-text> <n-text class="name">翻译歌词大小</n-text>
<n-text class="tip" :depth="3">单位 px，最小 12，最大 40</n-text> <n-text class="tip" :depth="3">单位 px，最小 5，最大 40</n-text>
</div> </div>
<n-flex> <n-flex>
<Transition name="fade" mode="out-in"> <Transition name="fade" mode="out-in">
@@ -74,7 +74,7 @@
</Transition> </Transition>
<n-input-number <n-input-number
v-model:value="settingStore.lyricTranFontSize" v-model:value="settingStore.lyricTranFontSize"
:min="12" :min="5"
:max="40" :max="40"
:disabled="settingStore.useAMLyrics" :disabled="settingStore.useAMLyrics"
class="set" class="set"
@@ -90,7 +90,7 @@
<n-card class="set-item"> <n-card class="set-item">
<div class="label"> <div class="label">
<n-text class="name">音译歌词大小</n-text> <n-text class="name">音译歌词大小</n-text>
<n-text class="tip" :depth="3">单位 px，最小 12，最大 40</n-text> <n-text class="tip" :depth="3">单位 px，最小 5，最大 40</n-text>
</div> </div>
<n-flex> <n-flex>
<Transition name="fade" mode="out-in"> <Transition name="fade" mode="out-in">
@@ -106,7 +106,7 @@
</Transition> </Transition>
<n-input-number <n-input-number
v-model:value="settingStore.lyricRomaFontSize" v-model:value="settingStore.lyricRomaFontSize"
:min="12" :min="5"
:max="40" :max="40"
:disabled="settingStore.useAMLyrics" :disabled="settingStore.useAMLyrics"
class="set" class="set"
@@ -285,8 +285,8 @@
:options=" :options="
Array.from({ length: 41 }, (_, i) => { Array.from({ length: 41 }, (_, i) => {
return { return {
label: `${20 + i} px`, label: `${10 + i} px`,
value: 20 + i, value: 10 + i,
}; };
}) })
" "