样式生成器添加字体选择提示

README.md

@@ -42,7 +42,6 @@
 **注意事项：**
 
 * 本地使用时不要关闭blivechat.exe那个黑框，否则不能继续获取弹幕
-* 样式生成器没有列出所有本地字体，但是可以手动输入本地字体
 * 如果需要使用翻译功能，建议看[配置官方翻译接口教程](https://github.com/xfgryujk/blivechat/wiki/%E9%85%8D%E7%BD%AE%E5%AE%98%E6%96%B9%E7%BF%BB%E8%AF%91%E6%8E%A5%E5%8F%A3)
 
 ### 二、公共服务器

frontend/src/lang/en.js

@@ -87,6 +87,7 @@ export default {
     userNames: 'User Names',
     showUserNames: 'Show user names',
     font: 'Font',
+    fontSelectTip: 'You can also input local font name',
     fontSize: 'Font size',
     lineHeight: 'Line height (0 for default)',
     normalColor: 'Normal color',

frontend/src/lang/ja.js

@@ -87,6 +87,7 @@ export default {
     userNames: 'ユーザー名',
     showUserNames: 'ユーザー名を表示する',
     font: 'フォント',
+    fontSelectTip: 'ローカルフォント名も入力することができます',
     fontSize: 'フォントサイズ',
     lineHeight: '行の高さ（0はデフォルト）',
     normalColor: 'ノーマルの色',

frontend/src/lang/zh.js

@@ -87,6 +87,7 @@ export default {
     userNames: '用户名',
     showUserNames: '显示用户名',
     font: '字体',
+    fontSelectTip: '你也可以输入本地字体名',
     fontSize: '字体尺寸',
     lineHeight: '行高（0为默认）',
     normalColor: '普通颜色',

frontend/src/views/StyleGenerator/FontSelect.vue

@@ -1,12 +1,14 @@
 <template>
-  <el-select :value="value" @input="val => $emit('input', val)" filterable allow-create default-first-option>
-    <el-option-group>
-      <el-option v-for="font in LOCAL_FONTS" :key="font" :value="font"></el-option>
-    </el-option-group>
-    <el-option-group>
-      <el-option v-for="font in NETWORK_FONTS" :key="font" :value="font"></el-option>
-    </el-option-group>
-  </el-select>
+  <el-tooltip :content="$t('stylegen.fontSelectTip')">
+    <el-select :value="value" @input="val => $emit('input', val)" filterable allow-create default-first-option>
+      <el-option-group>
+        <el-option v-for="font in LOCAL_FONTS" :key="font" :value="font"></el-option>
+      </el-option-group>
+      <el-option-group>
+        <el-option v-for="font in NETWORK_FONTS" :key="font" :value="font"></el-option>
+      </el-option-group>
+    </el-select>
+  </el-tooltip>
 </template>
 
 <script>