修复中文显示为宋体,并优化落丝记录对话框布局
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:
@@ -4,9 +4,20 @@
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 字体:中文字体必须排在列表最前面。
|
||||||
|
原因:Windows 上 -apple-system / BlinkMacSystemFont / Segoe UI / Helvetica 这类
|
||||||
|
英文字体虽然存在,但不含中文字形,一旦被选为首选字体,浏览器就会把中文回退到
|
||||||
|
系统默认字体(常见为宋体),导致中文显示为衬线体、与英文数字混排不一致。 */
|
||||||
html, body, #app {
|
html, body, #app {
|
||||||
height: 100%;
|
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 {
|
body {
|
||||||
|
|||||||
@@ -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-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-row :gutter="10">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="日期">
|
<el-form-item label="日期">
|
||||||
|
|||||||
Reference in New Issue
Block a user