feat: loading component

2020-07-05 16:08:04 +08:00
parent e671e22ea5
commit e0f9382123
10 changed files with 435 additions and 8 deletions
@@ -0,0 +1,60 @@
+# Loading
+
+### Install
+
+```js
+import Vue from 'vue';
+import { Loading } from 'vant';
+
+Vue.use(Loading);
+```
+
+## Usage
+
+### Type
+
+```html
+<van-loading /> <van-loading type="spinner" />
+```
+
+### Color
+
+```html
+<van-loading color="#1989fa" /> <van-loading type="spinner" color="#1989fa" />
+```
+
+### Size
+
+```html
+<van-loading size="24" /> <van-loading type="spinner" size="24px" />
+```
+
+### Text
+
+```html
+<van-loading size="24px">Loading...</van-loading>
+```
+
+### Vertical
+
+```html
+<van-loading size="24px" vertical>Loading...</van-loading>
+```
+
+## API
+
+### Props
+
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| color | Loading color | _string_ | `#c9c9c9` |
+| type | Can be set to `spinner` | _string_ | `circular` |
+| size | Icon size | _number \| string_ | `30px` |
+| text-size | Text font size | _number \| string_ | `14px` |
+| vertical | Whether to arrange icons and text content vertically | _boolean_ | `false` |
+
+### Slots
+
+| Name    | Description  |
+| ------- | ------------ |
+| default | Loading text |