vant-weapp/packages/skeleton

Skeleton

Install

"usingComponents": {
  "van-skeleton": "path/to/vant-weapp/dist/skeleton/index"
}

Usage

Basic Usage

<van-skeleton title row="3" />

Show Avatar

<van-skeleton title avatar row="3" />

Show Children

<van-skeleton
  title
  avatar
  row="3"
  loading="loading"
>
  <div>Content</div>
</van-skeleton>

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	-