docs(Loading): add size prop demo

2020-01-24 10:12:19 +08:00
parent fde1ed11d4
commit e8f528877f
6 changed files with 39 additions and 4 deletions
@@ -13,6 +13,8 @@ Vue.use(Loading);

 ### 加载类型

+通过`type`属性可以设置加载图标的类型，默认为`circular`，可选值为`spinner`
+
 ```html
 <van-loading />
 <van-loading type="spinner" />
@@ -20,19 +22,34 @@ Vue.use(Loading);

 ### 自定义颜色

+通过`color`属性设置加载图标的颜色
+
 ```html
 <van-loading color="#1989fa" />
 <van-loading type="spinner" color="#1989fa" />
 ```

+### 自定义大小
+
+通过`size`属性设置加载图标的大小，默认单位为`px`
+
+```html
+<van-loading size="24" />
+<van-loading type="spinner" size="24px" />
+```
+
 ### 加载文案

+可以使用默认插槽在图标的右侧插入加载文案
+
 ```html
 <van-loading size="24px">加载中...</van-loading>
 ```

 ### 垂直排列

+设置`vertical`属性后，图标和文案会垂直排列
+
 ```html
 <van-loading size="24px" vertical>加载中...</van-loading>
 ```