Skeleton 骨架屏

骨架屏,一般用于数据尚未加载前先展示出页面的大致结构的加载状态

引入

import { Skeleton } from 'mand-mobile-next'

Vue.createApp().component(Skeleton.name, Skeleton)

代码演示

API

Skeleton Props

属性说明类型默认值备注
loading是否显示骨架屏Booleantrue-
avatar是否显示图标占位图Booleanfalse-
avatar-size图标占位图大小Stringmdsm, md, lg
title是否显示标题占位图Booleanfalse-
title-width标题占位宽度Number,String40%-
row内容占位图行数Number3-
row-width内容占位图宽度String,Number,Array<String|Number>100%-