Skeleton骨架屏组件
skeleton骨架屏组件在加载内容时可替代spin组件，以特定的组织结构向用户传递“内容马上看到”的意思，减少用户等待焦虑。
基本使用
标签ax-skeleton标签即表示一个骨架屏，默认为长宽等于父层的浅色色块。
- 输出
- HTML
应用动画
静态的浅色色块无法准确传达“等待”的意思，所以应该使用动画效果。
通过属性anim可设置动画效果，可选值如下：
- fade：色块渐显渐隐
- stream：从左到右流光动画
- 输出
- HTML
骨架类型
通过属性type设置骨架类型，可选值如下：
- avatar，头像骨架，居中布局
- avatar-left，头像骨架，头像居左
- avatar-right，头像骨架，头像居右
- post，文章骨架，无图
- post-left，文章骨架，有图并居左
- post-right，文章骨架，有图并居右
- bullet，单行列表骨架，无图
- bullet-left，单行列表骨架，有图并居左
- bullet-right，单行列表骨架，有图并居右
- card，卡片骨架，有图
- paragraph，段落文本类型，无图
- article，正文类型，无图，有标题
- 输出
- HTML
-
avatar组
post组
bullet组
card类型
paragraph类型
article类型
-
主题色
通过属性theme设置主题风格，可选值有：prim、error、succ、info、issue、warn和text（默认）
- 输出
- HTML
Attributes属性
| 名称 | 语义类型 | 可选值 | 默认值(运行时) | 说明 |
|---|---|---|---|---|
| type | string | 'avatar'/'avatar-left'/'avatar-right'/'post'/ 'post-left'/'post-right'/'bullet'/'bullet-left'/ 'bullet-right'/'card'/'article'/'paragraph'/'' |
'' | 骨架类型 |
| theme | string | 'prim'/'error'/'succ'/'info'/'warn'/'issue'/'text'/'' | 'text' | 主题颜色 |
| cols | string | - | null | 列数 |
| rows | string | - | 1 | 行数 |
| anim | string | 'fade'/'stream'/'' | '' | 动画效果 |
| shape | string | 'round'/'square'/'radius' | 'radius' | 轮廓外型 |
Methods方法
有组件通用的内置方法：
- set：设置组件属性，支持一个参数即被设置的属性值键值对
{key，value}或其数组 - reset：重置组件属性，无参数
- clear：清除属性和值，无参数
基本用法：CompElem.reset();
Events事件
有组件通用的事件：
- connected：组件连接成功，无参数
- disconnected：组件断开连接，无参数
- adopted：组件被转移，无参数
- set：设置了属性，支持一个参数即设置的值
- cleared：清除了属性，无参数
- reset：重置了属性，无参数
基本用法：CompElem.on('connected',()=>{console.log('connected')});
