From b9fe7d3841426e833be980f1297414c6d663ec1e Mon Sep 17 00:00:00 2001
From: 快乐的昕的电脑 <快乐的昕的电脑@DESKTOP-C2BQPQU>
Date: 星期五, 14 十一月 2025 15:19:45 +0800
Subject: [PATCH] 调整选人界面字体
---
components/mold.vue | 48 +++++++++++++++++++++++++++++++-----------------
1 files changed, 31 insertions(+), 17 deletions(-)
diff --git a/components/mold.vue b/components/mold.vue
index a036152..213e090 100644
--- a/components/mold.vue
+++ b/components/mold.vue
@@ -8,12 +8,10 @@
<label class="form-label">鍒�鍏风紪鍙凤細</label>
<input class="input small-font" v-model="selectedToolNo" placeholder="璇烽�氳繃鍒�鍏风洰褰曢�夋嫨" disabled />
</view>
- <view class="form-cell">
+ <view class="form-cell form-cell-flex">
<label class="form-label highlight-label">浣跨敤涓婇檺锛�</label>
<input class="input small-font input-use-limit" type="number" v-model="useLimitInput" placeholder="姣忔涓嬪垁鍚庢墜濉笂闄�" :disabled="!selectedToolNo || loadingForm" />
- </view>
- <view class="form-cell">
- <label class="form-label">瀵垮懡姣旈璀﹀�硷細</label>
+ <label class="form-label" style="margin-left:16px;">瀵垮懡姣旈璀﹀�硷細</label>
<view class="input-with-unit">
<input class="input small-font input-life-warn"
v-model="lifeWarnInput"
@@ -702,11 +700,11 @@
}
.form-label {
- width: 120px;
+ width: auto;
font-weight: bold;
color: #333;
white-space: nowrap;
- margin-right: 12px;
+ margin-right: 4px;
flex-shrink: 0;
}
@@ -1077,16 +1075,8 @@
font-size: 22px !important;
}
- .input-use-limit {
- width: 100px !important;
- min-width: 0 !important;
- margin-right: 16px;
- color: #1890ff !important;
- border-color: #1890ff !important;
- }
-
.input-tool-model {
- width: 100px !important;
+ width: 320px !important; /* 鍘熶负200px锛岀幇鍔犻暱 */
min-width: 0 !important;
margin-right: 16px;
}
@@ -1102,10 +1092,34 @@
}
.tool-dir-cell {
- flex: 1 1 auto !important;
- justify-content: flex-end !important;
+ flex: 0 0 auto !important;
+ justify-content: flex-start !important;
display: flex !important;
align-items: center;
+ margin-left: 16px; /* 涓庤鏍煎瀷鍙疯緭鍏ユ鎷夊紑璺濈 */
+ }
+
+ .form-cell-flex {
+ display: flex;
+ align-items: center;
+ flex: 0 0 60%;
+ min-width: 320px;
+ }
+
+ .form-cell-flex .form-label {
+ margin-right: 4px;
+ width: auto;
+ }
+
+ .form-cell-flex .input-use-limit {
+ margin-right: 12px;
+ }
+
+ .input-use-limit {
+ width: 450px !important;
+ min-width: 0 !important;
+ margin-right: 16px;
+ flex: none !important; /* 鍏抽敭锛氬交搴曠姝lex鎷変几 */
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3