[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
+7 -5
View File
@@ -1,4 +1,4 @@
## Skeleton
# Skeleton
### Install
@@ -8,21 +8,21 @@ import { Skeleton } from 'vant';
Vue.use(Skeleton);
```
### Usage
## Usage
#### Basic Usage
### Basic Usage
```html
<van-skeleton title :row="3" />
```
#### Show Avatar
### Show Avatar
```html
<van-skeleton title avatar :row="3" />
```
#### Show Children
### Show Children
```html
<van-skeleton
@@ -48,6 +48,8 @@ export default {
};
```
## API
### Props
| Attribute | Description | Type | Default |
+8 -6
View File
@@ -1,6 +1,6 @@
## Skeleton 骨架屏
# Skeleton 骨架屏
### 使用指南
### 引入
``` javascript
import { Skeleton } from 'vant';
@@ -8,9 +8,9 @@ import { Skeleton } from 'vant';
Vue.use(Skeleton);
```
### 代码演示
## 代码演示
#### 基础用法
### 基础用法
通过`title`属性显示标题占位图,通过`row`属性配置占位段落行数
@@ -18,7 +18,7 @@ Vue.use(Skeleton);
<van-skeleton title :row="3" />
```
#### 显示头像
### 显示头像
通过`avatar`属性显示头像占位图
@@ -26,7 +26,7 @@ Vue.use(Skeleton);
<van-skeleton title avatar :row="3" />
```
#### 展示子组件
### 展示子组件
将`loading`属性设置成`false`表示内容加载完成,此时会隐藏占位图,并显示`Skeleton`的子组件
@@ -54,6 +54,8 @@ export default {
};
```
## API
### Props
| 参数 | 说明 | 类型 | 默认值 | 版本 |