@zz-hang/vskeleton v0.1.8

简介

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>