@zz-hang/vskeleton
v0.1.0简介
v-skeleton 是一个自动生成 skeleton loading 效果的指令。它不同于 ssr, pre-render 等方式生成 skeleton page,它只是一种 loading 效果。
使用
npm install @didi/mfe-vue-skeleton
#OR
yarn add @didi/mfe-vue-skeleton
main.js
import '@didi/mfe-vue-skeleton/lib/vskeleton.css'
import vskeleton from '@didi/mfe-vue-skeleton'
Vue.use(vskeleton, {
img: require('@didi/mfe-vue-skeleton/lib/vskeleton.svg') // 可选:图片占位图
})
在组件中使用
<template>
<div id="app" v-skeleton="loading">
<img src="@/assets/logo.png"/>
<HelloWorld msg="Welcome to use" />
</div>
</template>
<script>
export default {
data() {
return {
loading: true,
}
},
}
</script>
npm i @zz-hang/[email protected]
Metadata
- Unknown
- Whatever
- Unknown
- released 8/21/2019