添加滑条

快乐的昕的电脑

2025-10-09 274cafb66b543b8d3cfe651c3c7783dd3d3a01b5

添加滑条

 components/mold.vue

@@ -12,6 +12,16 @@
            <view class="form-cell">
                <label class="form-label">设置使用上限：</label>
                <input class="input" type="number" v-model="useLimitInput" placeholder="每次换刀后手填" :disabled="!selectedToolNo" />
                <!-- 滑条控件 -->
                <input type="range"
                       min="0"
                       max="10000"
                       step="1"
                       v-model="useLimitInput"
                       :disabled="!selectedToolNo"
                       class="slider"
                       style="width: 160px; margin: 0 8px;" />
                <span style="min-width: 50px; display: inline-block;">{{ useLimitInput }}</span>
                <button class="btn-blue" @click="setUseLimit" :disabled="!selectedToolNo || !useLimitInput">保存上限</button>
            </view>
            <view class="form-cell">
@@ -337,4 +347,8 @@
    .tool-desc {
        margin-top: 2vh;
    }

    .slider {
        vertical-align: middle;
    }
</style>