numberinput

pages/SecondPhase/slitting/TestNumInput.vue

@@ -0,0 +1,24 @@
+<template>
+  <view class="container">
+    <number-input
+      v-model="numberValue"
+      :min="0.01"
+      :max="999.999"
+      input-class="filter_input"
+    />
+    <text>当前值: {{ numberValue }}</text>
+  </view>
+</template>
+
+<script>
+import NumberInput from '@/components/NumberInput.vue';
+
+export default {
+  components: { NumberInput },
+  data() {
+    return {
+      numberValue: 1.0
+    };
+  }
+};
+</script>

pages/SecondPhase/slitting/TubeStock.vue

@@ -18,6 +18,20 @@
 						<uni-data-select v-model="index2" :localdata="options2" @change="selectChange2"></uni-data-select>
 					</view>
 				</view>
+				<view class="filter_item">
+					<view class="filter_label_wraper">
+						<span class="filter_label">子卷重量</span>
+					</view>
+					<view class="filter_input_wraper">
+						<!-- <input type="number" class="filter_input" v-model="val3"> -->
+						<number-input
+						v-model="numberValue"
+						:min="0"
+						:max="999.999"
+						input-class="filter_input"
+						/>
+					</view>
+				</view>
 			</view>
 			<view class="zd_wrapper grid-wraper">
 				<view class="slide_new">
@@ -62,14 +76,18 @@
 <script>
 	import NavBar from '@/components/NavBar.vue'
 	import SearchBox from '@/components/SearchBox.vue'
+	import NumberInput from '@/components/NumberInput.vue'
 	import {showPapervehicleView, moveStock, queryProductArea, queryPaperMaterial} from '@/utils/getData4.js'
 	export default {
 		components: {
 			NavBar,
-			SearchBox
+			SearchBox,
+			NumberInput
 		},
 		data() {
 			return {
+				numberValue: 1,
+				// val3: '',
 				title: '',
 				top: 0,
 				options1: [],
@@ -150,4 +168,15 @@
 			}
 		}
 	}
-</script>
+</script>
+<style>
+.custom-input {
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  /* padding: 8px 12px; */
+  font-size: 16px;
+  width: 100%;
+  height: 30px;
+  line-height: 30px;
+}
+</style>