nunberBox 页面添加默认值设置演示

fang-kang · Nov 12, 2018 · fabda46 · fabda46
1 parent d01fe28
commit fabda46
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/examples/hello-uniapp/common/uni.css b/examples/hello-uniapp/common/uni.css
@@ -44,6 +44,10 @@ form {
 .uni-inline-item text{
 	margin-right: 20upx;
 }
+.uni-inline-item text:last-child{
+	margin-right: 0upx;
+	margin-left: 20upx;
+}
 
 /* page */
 .uni-page-head{

diff --git a/examples/hello-uniapp/pages/template/number-box/number-box.vue b/examples/hello-uniapp/pages/template/number-box/number-box.vue
@@ -22,12 +22,17 @@
 				<label>获取输入的值 : {{numberValue}}</label>
 				<number-box v-on:change="onNumberChange"></number-box>
 			</view>
+			<view class="uni-input-row">
+				<label>设置默认值</label>
+				<number-box :value="numberValue2"></number-box>
+			</view>
 		</view>
 		<view class="uni-padding-wrap uni-common-mt">
 			<view class="uni-title">行内应用</view>
 			<view class="uni-inline-item">
 				<text>购买数量 : </text>
-				<number-box v-on:change="onNumberChange2"></number-box>
+				<number-box v-on:change="onNumberChange3"></number-box>
+				<text>{{numberValue3}}</text>
 			</view>
 		</view>
 		<view style="height:80upx;"></view>
@@ -40,7 +45,9 @@
 		data() {
 			return {
 				title: 'number-box',
-				numberValue: 0
+				numberValue: 0,
+				numberValue2 : 5,
+				numberValue3 : 0
 			}
 		},
 		components: {
@@ -50,7 +57,8 @@
 			onNumberChange(value) {
 				this.numberValue = value;
 			},
-			onNumberChange2(value) {
+			onNumberChange3(value) {
+				this.numberValue3 = value;
 				console.log('购买数量 : ' + value);
 			}
 		}