diff --git a/examples/hello-uniapp/common/uni.css b/examples/hello-uniapp/common/uni.css
index 665b252139e1ceebb9fac7e5bd9d5aa4d545c3ec..3c0871eac305de45f6c819b22864e3ca3ab97175 100644
--- 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
index e457a4b880734098f1cdc89d2da8b203b3ddcfac..de35d9e55257417655d6b9372760181022fe7f97 100644
--- 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);
 			}
 		}
 	}