tb-skeleton
a vue component about toy bricks of skeleton screen loading
install
$ npm i tb-skeleton -s
use npm
Vue
use cdn
live example
start
use skeleton
use skeleton component, you can set common props
use grid layout
about grid layout,please see simple-grid
skeleton Component
props
param | description | type | default |
---|---|---|---|
theme | opacity ,gradient ,flex-outer ,flex-inner , normal |
String | normal |
shape | tb-skeleton shape, circle 、rect 、radius |
String | |
bgColor | tb-skeleton background-color | String | |
duration | tb-skeleton animation duration | String,Number |
tb-skeleton Component
props
param | description | type | default |
---|---|---|---|
theme | the same as skeleton theme | String | normal |
shape | the same as skeleton shape | String | rect |
bgColor | the same as skeleton bgColor | String | |
aspectRatio | ratio about width,height | Number | |
height | the tb-skeleton height | Number,String | |
width | the tb-skeleton width | Number,String | 100% |
duration | the tb-skeleton animation duration | String,Number |