bao-wecom
小程序骨架屏加载组件。
案例demo
使用方法
1. 安装组件（基础库 1.2.1 开始支持）
npm install --save bao-wecom
2. 构建 npm
点击开发者工具中的菜单栏：工具 --> 构建 npm
3. 骨架屏加载
在页面的 json 配置文件中添加 bao-wecom-circle 自定义组件的配置
{
"usingComponents": {
"bao-wecom-skeleton": "bao-wecom/skeleton/index"
}
}
WXML 文件中引用 bao-wecom-skeleton
<bao-wecom-skeleton loading="{{loading}}">这里是加载完成的内容</bao-wecom-skeleton>
bao-wecom-skeleton 的属性介绍如下：
| 字段名 | 类型 | 必填 | 描述 |
|---|---|---|---|
| listNum | number | 否 | 列表数量，默认1 |
| rowNum | number | 否 | 内容行数，默认3 |
| title | boolean | 否 | 显示标题,默认false |
| avatar | boolean | 否 | 显示头像,默认false |
| avatarSrc | string | 否 | 自定义头像链接 |
| avatarSize | string | 否 | 头像大小，默认32px |
| avatarShape | string | 否 | 头像形状，round：圆形；square：方形；默认round |
| loading | boolean | 是 | 骨架屏加载状态，加载完成时置为false，此时会显示插槽内容，默认为true |
| animate | boolean | 否 | 是否显示呼吸动画，默认true |
| titleWidth | string | 否 | 标题宽度，默认40% |
