31 lines
870 B
Markdown
31 lines
870 B
Markdown
---
|
|
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%|-|
|