"usingComponents": {
"van-skeleton": "path/to/vant-weapp/dist/skeleton/index"
}
<van-skeleton title row="3" />
<van-skeleton title avatar row="3" />
<van-skeleton
title
avatar
row="3"
loading="loading"
>
<div>Content</div>
</van-skeleton>
Page({
data: {
loading: true
},
onChange() {
this.setData({
loading: false
});
}
});
| 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 |
- |