调整样式

快乐的昕的电脑

2025-11-13 972be9fe7d4e44a236925508716b141230769a94

 components/mold.vue

@@ -10,12 +10,12 @@
                </view>
                <view class="form-cell">
                    <label class="form-label">设置使用上限：</label>
                    <input class="input small-font" type="number" v-model="useLimitInput" placeholder="每次换刀后手填" :disabled="!selectedToolNo || loadingForm" />
                    <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>
                    <view class="input-with-unit">
                        <input class="input small-font"
                        <input class="input small-font input-life-warn"
                               v-model="lifeWarnInput"
                               placeholder="如0.9或90"
                               :disabled="!selectedToolNo || loadingForm" />
@@ -682,7 +682,6 @@
        flex: 1;
        margin: 0 8px;
        min-height: 44px;
        min-width: 120px; /* 新增：防止内容太挤 */
    }

    .form-label {
@@ -706,7 +705,6 @@
        min-width: 0;
        height: 36px;
        box-sizing: border-box;
        max-width: 180px; /* 新增：限制最大宽度，让输入框变窄 */
    }

        .input.small-font {
@@ -1024,7 +1022,6 @@
        .input {
            font-size: 17px; /* 原14px，调大 */
            padding: 6px 10px;
            max-width: 140px; /* 响应式下更窄 */
        }

        .btn-blue {
@@ -1048,4 +1045,17 @@
        min-width: 120px;
    }

    /* 新增：让“设置使用上限”“寿命比预警值”输入框变窄 */
    .input-use-limit {
        width: 80px !important;
        min-width: 0 !important;
        margin-right: 10px;
    }

    .input-life-warn {
        width: 80px !important;
        min-width: 0 !important;
        margin-right: 4px;
    }

</style>