root
/
mand-mobile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
mand-mobile/components/skeleton
History
V 202f2c93c1 fix(skeleton): fix title always displayed (#612) 2019-11-08 17:26:08 +08:00
..
demo example: update demos 2019-09-04 19:03:49 +08:00
test fix(skeleton): change jsx to template 2019-09-04 21:49:25 +08:00
README.en-US.md doc: supplement version information of some docs 2019-09-04 18:24:25 +08:00
README.md example: update demos 2019-09-04 19:03:49 +08:00
component.js feature(skeleton): add skeleton component (#549) 2019-09-04 15:08:21 +08:00
index.vue fix(skeleton): fix title always displayed (#612) 2019-11-08 17:26:08 +08:00

README.en-US.md

title preview
Skeleton https://didi.github.io/mand-mobile/examples/#/Skeleton

Skeleton screen, generally used to display the loading state of the general structure of the page before the data has been loaded 2.5.0+

Import

import { Skeleton } from 'mand-mobile'

Vue.component(Skeleton.name, Skeleton)

Code Examples

API

Skeleton Props

Props Description Type Default Note
loading display the skeleton loading Boolean true -
avatar display avatar placeholders Boolean false -
avatar-size avatar placeholders' size String md sm, md, lg
title display the title placeholders Boolean false -
title-width title placeholders width Number,String 40% -
row number of rows Number 3 -
row-width rows' width String,Number,Array<String|Number> 100% -