[Doc] new theme
This commit is contained in:
@@ -1,14 +1,16 @@
|
||||
## Slider
|
||||
# Slider
|
||||
|
||||
### Install
|
||||
|
||||
``` javascript
|
||||
import { Slider } from 'vant';
|
||||
|
||||
Vue.use(Slider);
|
||||
```
|
||||
|
||||
### Usage
|
||||
#### Basic Usage
|
||||
## Usage
|
||||
|
||||
### Basic Usage
|
||||
|
||||
```html
|
||||
<van-slider v-model="value" @change="onChange" />
|
||||
@@ -30,25 +32,25 @@ export default {
|
||||
};
|
||||
```
|
||||
|
||||
#### Range
|
||||
### Range
|
||||
|
||||
```html
|
||||
<van-slider v-model="value" :min="10" :max="90" />
|
||||
```
|
||||
|
||||
#### Disabled
|
||||
### Disabled
|
||||
|
||||
```html
|
||||
<van-slider v-model="value" disabled />
|
||||
```
|
||||
|
||||
#### Step size
|
||||
### Step size
|
||||
|
||||
```html
|
||||
<van-slider v-model="value" :step="10" />
|
||||
```
|
||||
|
||||
#### Custom style
|
||||
### Custom style
|
||||
|
||||
```html
|
||||
<van-slider
|
||||
@@ -58,7 +60,7 @@ export default {
|
||||
/>
|
||||
```
|
||||
|
||||
#### Custom button
|
||||
### Custom button
|
||||
|
||||
```html
|
||||
<van-slider
|
||||
@@ -74,7 +76,7 @@ export default {
|
||||
</van-slider>
|
||||
```
|
||||
|
||||
#### Vertical
|
||||
### Vertical
|
||||
|
||||
```html
|
||||
<div :style="{ height: '100px' }">
|
||||
@@ -82,6 +84,8 @@ export default {
|
||||
</div>
|
||||
```
|
||||
|
||||
## API
|
||||
|
||||
### Props
|
||||
|
||||
| Attribute | Description | Type | Default |
|
||||
|
||||
@@ -1,13 +1,16 @@
|
||||
## Slider 滑块
|
||||
# Slider 滑块
|
||||
|
||||
### 引入
|
||||
|
||||
### 使用指南
|
||||
``` javascript
|
||||
import { Slider } from 'vant';
|
||||
|
||||
Vue.use(Slider);
|
||||
```
|
||||
|
||||
#### 基本用法
|
||||
## 代码演示
|
||||
|
||||
### 基本用法
|
||||
|
||||
```html
|
||||
<van-slider v-model="value" @change="onChange" />
|
||||
@@ -29,25 +32,25 @@ export default {
|
||||
};
|
||||
```
|
||||
|
||||
#### 指定选择范围
|
||||
### 指定选择范围
|
||||
|
||||
```html
|
||||
<van-slider v-model="value" :min="10" :max="90" />
|
||||
```
|
||||
|
||||
#### 禁用
|
||||
### 禁用
|
||||
|
||||
```html
|
||||
<van-slider v-model="value" disabled />
|
||||
```
|
||||
|
||||
#### 指定步长
|
||||
### 指定步长
|
||||
|
||||
```html
|
||||
<van-slider v-model="value" :step="10" />
|
||||
```
|
||||
|
||||
#### 自定义样式
|
||||
### 自定义样式
|
||||
|
||||
```html
|
||||
<van-slider
|
||||
@@ -57,7 +60,7 @@ export default {
|
||||
/>
|
||||
```
|
||||
|
||||
#### 自定义按钮
|
||||
### 自定义按钮
|
||||
|
||||
```html
|
||||
<van-slider
|
||||
@@ -73,7 +76,7 @@ export default {
|
||||
</van-slider>
|
||||
```
|
||||
|
||||
#### 垂直方向
|
||||
### 垂直方向
|
||||
|
||||
Slider 垂直展示时,高度为 100% 父元素高度
|
||||
|
||||
@@ -83,6 +86,8 @@ Slider 垂直展示时,高度为 100% 父元素高度
|
||||
</div>
|
||||
```
|
||||
|
||||
## API
|
||||
|
||||
### Props
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
||||
|
||||
Reference in New Issue
Block a user