From 23ff799c1234bf3a88ecf8767592d64b4a1e21a6 Mon Sep 17 00:00:00 2001
From: HRK <119110706+18148764734@users.noreply.github.com>
Date: Thu, 22 Feb 2024 15:55:27 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=20uni-number-box=20=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE=E5=AE=BD=E5=BA=A6=E5=B1=9E=E6=80=A7(=E5=8D=95?=
 =?UTF-8?q?=E4=BD=8D=EF=BC=9Apx)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/component/uniui/uni-number-box.md | 109 +++++++++++++------------
 1 file changed, 55 insertions(+), 54 deletions(-)

diff --git a/docs/component/uniui/uni-number-box.md b/docs/component/uniui/uni-number-box.md
index 1db61c6da..a204b192b 100644
--- a/docs/component/uniui/uni-number-box.md
+++ b/docs/component/uniui/uni-number-box.md
@@ -29,6 +29,7 @@
 |max|Number	|100|最大值|
 |step|Number|1|每次点击改变的间隔大小|
 |disabled|Boolean|false	|是否为禁用状态|
+|width|Number|40	|宽度（单位：px）|
 
 ### NumberBox Events
 
@@ -51,63 +52,63 @@
 ::: preview https://hellouniapp.dcloud.net.cn/pages/extUI/number-box/number-box
 > Template
 ``` html
-<template>
-	<view class="page">
-		<uni-card :is-shadow="false" is-full>
-			<text class="uni-h6">数字输入框组件多用于购物车加减商品等场景</text>
-		</uni-card>
-		<uni-section title="基本用法" type="line" padding>
-			<uni-number-box @change="changeValue" />
-		</uni-section>
-		<uni-section :title="'使用v-model : '+ vModelValue" subTitle="使用 v-model 显示默认值" type="line" padding>
-			<uni-number-box v-model="vModelValue" @blur="blur" @focus="focus" @change="changeValue" />
-		</uni-section>
-		<uni-section title="设置最小值和最大值" subTitle="使用 min \ max 属性设置最大最小值" type="line" padding>
-			<uni-number-box :min="2" :max="9" :value="555" />
-		</uni-section>
-		<uni-section title="设置步长（步长0.1)" subTitle="使用 step 属性设置步长" type="line" padding>
-			<uni-number-box :value="1.1" :step="0.1" />
-		</uni-section>
-		<uni-section title="自定义背景" type="line" subTitle="使用 background 属性设置自定义背景色" padding>
-			<uni-number-box :value="50" background="#2979FF" color="#fff" />
-		</uni-section>
-		<uni-section title="禁用状态" subTitle="使用 disabled 属性设置组件禁用" type="line" padding>
-			<uni-number-box :disabled="true" />
-		</uni-section>
-		<uni-section :title="'获取输入的值 : '+ numberValue" type="line" padding>
-			<uni-number-box :value="numberValue" @change="change" />
-		</uni-section>
-	</view>
+<template>
+	<view class="page">
+		<uni-card :is-shadow="false" is-full>
+			<text class="uni-h6">数字输入框组件多用于购物车加减商品等场景</text>
+		</uni-card>
+		<uni-section title="基本用法" type="line" padding>
+			<uni-number-box @change="changeValue" />
+		</uni-section>
+		<uni-section :title="'使用v-model : '+ vModelValue" subTitle="使用 v-model 显示默认值" type="line" padding>
+			<uni-number-box v-model="vModelValue" @blur="blur" @focus="focus" @change="changeValue" />
+		</uni-section>
+		<uni-section title="设置最小值和最大值" subTitle="使用 min \ max 属性设置最大最小值" type="line" padding>
+			<uni-number-box :min="2" :max="9" :value="555" />
+		</uni-section>
+		<uni-section title="设置步长（步长0.1)" subTitle="使用 step 属性设置步长" type="line" padding>
+			<uni-number-box :value="1.1" :step="0.1" />
+		</uni-section>
+		<uni-section title="自定义背景" type="line" subTitle="使用 background 属性设置自定义背景色" padding>
+			<uni-number-box :value="50" background="#2979FF" color="#fff" />
+		</uni-section>
+		<uni-section title="禁用状态" subTitle="使用 disabled 属性设置组件禁用" type="line" padding>
+			<uni-number-box :disabled="true" />
+		</uni-section>
+		<uni-section :title="'获取输入的值 : '+ numberValue" type="line" padding>
+			<uni-number-box :value="numberValue" @change="change" />
+		</uni-section>
+	</view>
 </template>
 ``` 
 > Script
-``` html
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				numberValue: 0,
-				vModelValue: 3
-			}
-		},
-		methods: {
-			change(value) {
-				this.numberValue = value
-			},
-			changeValue(value) {
-				console.log('返回数值：', value);
-			},
-			blur(e) {
-				console.log('blur:', e);
-			},
-			focus(e) {
-				console.log('focus:', e);
-			}
-
-		}
-	}
-</script>
+``` html
+<script>
+	export default {
+		components: {},
+		data() {
+			return {
+				numberValue: 0,
+				vModelValue: 3
+			}
+		},
+		methods: {
+			change(value) {
+				this.numberValue = value
+			},
+			changeValue(value) {
+				console.log('返回数值：', value);
+			},
+			blur(e) {
+				console.log('blur:', e);
+			},
+			focus(e) {
+				console.log('focus:', e);
+			}
+
+		}
+	}
+</script>
 ```
 :::
 
-- 
GitLab