另一个Vue.js组件可为应用程序中的卡片组件创建可自定义的框架加载器。

安装和下载：

# Yarn
$ yarn add vue-ultimate-skeleton-cards

# NPM
$ npm i vue-ultimate-skeleton-cards --save

基本用法：

1.导入骨架卡装载器。

import SkeletonCards from 'vue-ultimate-skeleton-cards'

2.注册组件。

Vue.use(SkeletonCards)

3.将骨架卡装载器添加到模板中。

<SkeletonScaffold>
  Content Here
</SkeletonScaffold>

4.使用以下道具自定义组件。

primary: {
  type: String,
  default: "#242424",
},
padding: {
  type: String,
  default: "2em 3em",
},
borderRadius: {
  type: String,
  default: "20px",
},
contrast: {
  type: Number,
  default: 10,
},
structure: {
  type: String,
  default: "1120333304",
},
animDuration: {
  type: String,
  default: "1.5s",
},
animDisable:{
  type: Boolean,
  default: false
},
animTimingFunction:{
  type: String,
  default: ""
}