[Doc] new theme

This commit is contained in:
陈嘉涵
2019-05-15 20:53:04 +08:00
parent 3cae4288f2
commit d0f4169c86
130 changed files with 1460 additions and 1147 deletions
+13 -9
View File
@@ -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 |
+14 -9
View File
@@ -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
| 参数 | 说明 | 类型 | 默认值 | 版本 |