numberBox 页面结构调整

yecao007 · Nov 12, 2018 · d01fe28 · d01fe28
1 parent 12d3c68
commit d01fe28
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/examples/hello-uniapp/common/uni.css b/examples/hello-uniapp/common/uni.css
@@ -39,6 +39,10 @@ form {
 .uni-inline-item{
 	display: flex;
 	flex-direction: row;
+	align-items:center;
+}
+.uni-inline-item text{
+	margin-right: 20upx;
 }
 
 /* page */

diff --git a/examples/hello-uniapp/pages/template/number-box/number-box.vue b/examples/hello-uniapp/pages/template/number-box/number-box.vue
@@ -23,6 +23,13 @@
 				<number-box v-on:change="onNumberChange"></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>
+			</view>
+		</view>
 		<view style="height:80upx;"></view>
 	</view>
 </template>
@@ -42,6 +49,9 @@
 		methods: {
 			onNumberChange(value) {
 				this.numberValue = value;
+			},
+			onNumberChange2(value) {
+				console.log('购买数量 : ' + value);
 			}
 		}
 	}