mand-mobile
Advanced tools
870 bytes
--- | |
title: Skeleton 骨架屏 | |
preview: https://didi.github.io/mand-mobile/examples/#/skeleton | |
--- | |
骨架屏,一般用于数据尚未加载前先展示出页面的大致结构的加载状态 <sup class="version-after">2.5.0+</sup> | |
### 引入 | |
```javascript | |
import { Skeleton } from 'mand-mobile' | |
Vue.component(Skeleton.name, Skeleton) | |
``` | |
### 代码演示 | |
<!-- DEMO --> | |
### API | |
#### Skeleton Props | |
|属性 | 说明 | 类型 | 默认值 | 备注| | |
|----|-----|------|------|------| | |
|loading|是否显示骨架屏|Boolean|true|-| | |
|avatar|是否显示图标占位图|Boolean|false|-| | |
|avatar-size|图标占位图大小|String|md| sm, md, lg | | |
|title|是否显示标题占位图|Boolean|false|-| | |
|title-width|标题占位宽度|Number,String| 40%|-| | |
|row|内容占位图行数|Number|3|-| | |
|row-width|内容占位图宽度|String,Number,Array\<String\|Number\>|100%|-| | |