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