---
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%|-|
