870 B
870 B
| title | preview |
|---|---|
| Skeleton 骨架屏 | https://didi.github.io/mand-mobile/examples/#/skeleton |
骨架屏，一般用于数据尚未加载前先展示出页面的大致结构的加载状态 2.5.0+
引入
import { Skeleton } from 'mand-mobile'
Vue.component(Skeleton.name, Skeleton)
代码演示
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% | - |