mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-05-06 23:56:35 +08:00
66 lines
1.2 KiB
Markdown
66 lines
1.2 KiB
Markdown
# Skeleton
|
||
|
||
### Install
|
||
|
||
```json
|
||
"usingComponents": {
|
||
"van-skeleton": "path/to/vant-weapp/dist/skeleton/index"
|
||
}
|
||
```
|
||
|
||
## Usage
|
||
|
||
### Basic Usage
|
||
|
||
```html
|
||
<van-skeleton title row="3" />
|
||
```
|
||
|
||
### Show Avatar
|
||
|
||
```html
|
||
<van-skeleton title avatar row="3" />
|
||
```
|
||
|
||
### Show Children
|
||
|
||
```html
|
||
<van-skeleton
|
||
title
|
||
avatar
|
||
row="3"
|
||
loading="loading"
|
||
>
|
||
<div>Content</div>
|
||
</van-skeleton>
|
||
```
|
||
|
||
```js
|
||
Page({
|
||
data: {
|
||
loading: true
|
||
},
|
||
|
||
onChange() {
|
||
this.setData({
|
||
loading: false
|
||
});
|
||
}
|
||
});
|
||
```
|
||
|
||
## API
|
||
|
||
### Props
|
||
|
||
| Attribute | Description | Type | Default | Version |
|
||
|------|------|------|------|------|
|
||
| row | Row count | *number* | `0` | - |
|
||
| row-width | Row width, can be array | *string \| string[]* | `100%` | - |
|
||
| title | Whether to show title placeholder | *boolean* | `false` | - |
|
||
| title-width | Title width | string | `40%` | - |
|
||
| avatar | Whether to show avatar placeholder | *boolean* | `false` | - |
|
||
| avatar-size | Size of avatar placeholder | string | `32px` | - |
|
||
| avatar-shape | Shape of avatar placeholder，can be set to `square` | *string* | `round` | - |
|
||
| loading | Whether to show skeleton，pass `false` to show child component | *boolean* | `true` | - |
|
||
| animate | Whether to enable animation | *boolean* | `true` | - | |