mirror of
https://github.com/youzan/vant.git
synced 2025-10-22 03:44:48 +00:00
docs: add period at the end of sentence
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
|
||||
### 介绍
|
||||
|
||||
步进器由增加按钮、减少按钮和输入框组成,用于在一定范围内输入、调整数字
|
||||
步进器由增加按钮、减少按钮和输入框组成,用于在一定范围内输入、调整数字。
|
||||
|
||||
### 引入
|
||||
|
||||
@@ -17,7 +17,7 @@ Vue.use(Stepper);
|
||||
|
||||
### 基础用法
|
||||
|
||||
通过`v-model`绑定输入值,可以通过`change`事件监听到输入值的变化
|
||||
通过 `v-model` 绑定输入值,可以通过 `change` 事件监听到输入值的变化。
|
||||
|
||||
```html
|
||||
<van-stepper v-model="value" />
|
||||
@@ -35,7 +35,7 @@ export default {
|
||||
|
||||
### 步长设置
|
||||
|
||||
通过`step`属性设置每次点击增加或减少按钮时变化的值,默认为`1`
|
||||
通过 `step` 属性设置每次点击增加或减少按钮时变化的值,默认为 `1`。
|
||||
|
||||
```html
|
||||
<van-stepper v-model="value" step="2" />
|
||||
@@ -43,7 +43,7 @@ export default {
|
||||
|
||||
### 限制输入范围
|
||||
|
||||
通过`min`和`max`属性限制输入值的范围
|
||||
通过 `min` 和 `max` 属性限制输入值的范围。
|
||||
|
||||
```html
|
||||
<van-stepper v-model="value" min="5" max="8" />
|
||||
@@ -51,7 +51,7 @@ export default {
|
||||
|
||||
### 限制输入整数
|
||||
|
||||
设置`integer`属性后,输入框将限制只能输入整数
|
||||
设置 `integer` 属性后,输入框将限制只能输入整数。
|
||||
|
||||
```html
|
||||
<van-stepper v-model="value" integer />
|
||||
@@ -59,7 +59,7 @@ export default {
|
||||
|
||||
### 禁用状态
|
||||
|
||||
通过设置`disabled`属性来禁用步进器,禁用状态下无法点击按钮或修改输入框
|
||||
通过设置 `disabled` 属性来禁用步进器,禁用状态下无法点击按钮或修改输入框。
|
||||
|
||||
```html
|
||||
<van-stepper v-model="value" disabled />
|
||||
@@ -67,7 +67,7 @@ export default {
|
||||
|
||||
### 禁用输入框
|
||||
|
||||
通过设置`disable-input`属性来禁用输入框,此时按钮仍然可以点击
|
||||
通过设置 `disable-input` 属性来禁用输入框,此时按钮仍然可以点击。
|
||||
|
||||
```html
|
||||
<van-stepper v-model="value" disable-input />
|
||||
@@ -75,7 +75,7 @@ export default {
|
||||
|
||||
### 固定小数位数
|
||||
|
||||
通过设置`decimal-length`属性可以保留固定的小数位数
|
||||
通过设置 `decimal-length` 属性可以保留固定的小数位数。
|
||||
|
||||
```html
|
||||
<van-stepper v-model="value" step="0.2" :decimal-length="1" />
|
||||
@@ -83,7 +83,7 @@ export default {
|
||||
|
||||
### 自定义大小
|
||||
|
||||
通过`input-width`属性设置输入框宽度,通过`button-size`属性设置按钮大小和输入框高度
|
||||
通过 `input-width` 属性设置输入框宽度,通过 `button-size` 属性设置按钮大小和输入框高度。
|
||||
|
||||
```html
|
||||
<van-stepper v-model="value" input-width="40px" button-size="32px" />
|
||||
@@ -91,7 +91,7 @@ export default {
|
||||
|
||||
### 异步变更
|
||||
|
||||
如果需要异步地修改输入框的值,可以设置`async-change`属性,并在`change`事件中手动修改`value`
|
||||
如果需要异步地修改输入框的值,可以设置 `async-change` 属性,并在 `change` 事件中手动修改 `value`。
|
||||
|
||||
```html
|
||||
<van-stepper :value="value" async-change @change="onChange" />
|
||||
@@ -123,7 +123,7 @@ export default {
|
||||
|
||||
### 圆角风格
|
||||
|
||||
将 theme 设置为 `round` 来展示圆角风格的步进器
|
||||
将 `theme` 设置为 `round` 来展示圆角风格的步进器。
|
||||
|
||||
```html
|
||||
<van-stepper v-model="value" theme="round" button-size="22" disable-input />
|
||||
|
Reference in New Issue
Block a user