[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
+8 -6
View File
@@ -1,4 +1,4 @@
## ActionSheet
# ActionSheet
### Install
``` javascript
@@ -7,9 +7,9 @@ import { ActionSheet } from 'vant';
Vue.use(ActionSheet);
```
### Usage
## Usage
#### Basic Usage
### Basic Usage
Use `actions` prop to set options of action-sheet.
@@ -43,7 +43,7 @@ export default {
}
```
#### Status
### Status
```html
<van-action-sheet
@@ -67,7 +67,7 @@ export default {
}
```
#### ActionSheet with cancel button
### ActionSheet with cancel button
```html
<van-action-sheet
@@ -79,7 +79,7 @@ export default {
/>
```
#### ActionSheet with title
### ActionSheet with title
```html
<van-action-sheet v-model="show" title="Title">
@@ -87,6 +87,8 @@ export default {
</van-action-sheet>
```
## API
### Props
| Attribute | Description | Type | Default |
+9 -7
View File
@@ -1,15 +1,15 @@
## ActionSheet 上拉菜单
# ActionSheet 上拉菜单
### 使用指南
### 引入
``` javascript
import { ActionSheet } from 'vant';
Vue.use(ActionSheet);
```
### 代码演示
## 代码演示
#### 基础用法
### 基础用法
`ActionSheet`通过`actions`数组来定义展示的选项,数组的每一项是一个对象,对象属性见文档下方表格。
@@ -44,7 +44,7 @@ export default {
}
```
#### 选项状态
### 选项状态
选项可以设置为加载状态或禁用状态
@@ -70,7 +70,7 @@ export default {
}
```
#### 展示取消按钮
### 展示取消按钮
设置`cancelText`属性后,会在底部展示取消按钮,点击后关闭当前菜单
@@ -84,7 +84,7 @@ export default {
/>
```
#### 展示标题栏
### 展示标题栏
通过设置`title`属性展示标题栏,同时可以使用插槽自定义菜单内容
@@ -94,6 +94,8 @@ export default {
</van-action-sheet>
```
## API
### Props
| 参数 | 说明 | 类型 | 默认值 | 版本 |