Vue中的骨架卡装载器– vue-ultimate-skeleton-cards

Vue中的骨架卡装载器– vue-ultimate-skeleton-cards
插件名称 vue-ultimate-skeleton-cards
发布时间 2020年9月16日
插件作者 neelansh15

另一个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: ""
}