修复中文显示为宋体,并优化落丝记录对话框布局

1. 字体:中文字体调整到 font-family 列表最前
   - Windows 上 -apple-system / BlinkMacSystemFont / Segoe UI / Helvetica 会被选为首选字体,
     但它们不含中文字形,导致中文回退到系统默认(宋体),出现中文衬线、与英文数字混排不一致
   - 同时覆盖 Element Plus 的 --el-font-family,保证表单/表格/按钮/对话框等组件字体统一

2. 落丝记录编辑对话框:宽度 640→720px、标签宽度 100→82px
   - 原先"开始车台/结束车台/车台数"三列布局下数字输入框过窄,数字与加减按钮挤在一起
This commit is contained in:
yanpeng200212
2026-10-12 14:52:05 +08:00
parent dbe8463064
commit 99c09851f1
2 changed files with 16 additions and 3 deletions
+12 -1
View File
@@ -4,9 +4,20 @@
box-sizing: border-box;
}
/* 字体:中文字体必须排在列表最前面。
原因:Windows 上 -apple-system / BlinkMacSystemFont / Segoe UI / Helvetica 这类
英文字体虽然存在,但不含中文字形,一旦被选为首选字体,浏览器就会把中文回退到
系统默认字体(常见为宋体),导致中文显示为衬线体、与英文数字混排不一致。 */
html, body, #app {
height: 100%;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
font-family: 'Microsoft YaHei', '微软雅黑', 'PingFang SC', 'Hiragino Sans GB',
-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/* Element Plus 组件(表单、表格、按钮等)的字体取自这个变量,同样让中文字体优先 */
:root {
--el-font-family: 'Microsoft YaHei', '微软雅黑', 'PingFang SC', 'Hiragino Sans GB',
'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body {
+4 -2
View File
@@ -180,8 +180,10 @@ onMounted(() => { load(); loadDepts(); loadZhuangkou(); loadGuige(); });
<el-pagination class="pagination" :current-page="query.pageIndex" :page-size="query.pageSize" :total="total" layout="total, prev, pager, next" @current-change="handlePageChange" />
<el-dialog v-model="dialogVisible" :title="dialogTitle" width="640px">
<el-form :model="form" label-width="100px">
<!-- 对话框适当加宽、标签宽度收紧:车台那一行是三列布局,
原尺寸下数字输入框太窄,框内数字与加减按钮会挤在一起 -->
<el-dialog v-model="dialogVisible" :title="dialogTitle" width="720px">
<el-form :model="form" label-width="82px">
<el-row :gutter="10">
<el-col :span="12">
<el-form-item label="日期">