From 1f6e0ffc427ede9ecdaf8101b4afb504029f9598 Mon Sep 17 00:00:00 2001
From: 快乐的昕的电脑 <快乐的昕的电脑@DESKTOP-C2BQPQU>
Date: 星期五, 31 十月 2025 16:47:03 +0800
Subject: [PATCH] 优化
---
components/mold.vue | 17 ++++++-----------
1 files changed, 6 insertions(+), 11 deletions(-)
diff --git a/components/mold.vue b/components/mold.vue
index 863439f..2622c78 100644
--- a/components/mold.vue
+++ b/components/mold.vue
@@ -14,14 +14,13 @@
<!-- 鏂板锛氬鍛芥瘮棰勮鍊艰緭鍏ユ -->
<view class="form-cell">
<label class="form-label">瀵垮懡姣旈璀﹀�硷細</label>
- <view class="input-with-suffix">
+ <view class="input-with-unit">
<input class="input small-font"
v-model="lifeWarnInput"
placeholder="濡�0.9鎴�90"
:disabled="!selectedToolNo || loadingForm" />
-
+ <span class="unit-text">%</span>
</view>
- <span class="input-suffix">%</span>
</view>
<view class="form-cell">
<label class="form-label">鍒�鍏峰悕绉帮細</label>
@@ -939,23 +938,19 @@
margin-top: 2vh;
}
- .input-with-suffix {
- position: relative;
+ .input-with-unit {
display: flex;
align-items: center;
}
- .input-with-suffix .input {
+ .input-with-unit .input {
width: 10vw;
margin-right: 8px;
- padding-right: 24px; /* 涓哄悗缂�鐣欏嚭绌洪棿 */
}
- .input-suffix {
- position: absolute;
- right: 16px; /* 璋冩暣鍒拌緭鍏ユ鍐呭彸渚� */
+ .unit-text {
color: #666;
font-size: 0.9vw;
- pointer-events: none; /* 闃叉骞叉壈杈撳叆 */
+ white-space: nowrap;
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3