Vue Content Loader
made with Vuejs

Vue Content Loader

这是一个基于Vue.js的SVG占位符加载。

相关问答
暂无相关问题
查看全部
简介及使用教程

Vue Content Loader是一个基于Vue.js的SVG占位符加载,可自定义的SVG组件,用于创建占位符加载,例如Facebook加载卡。

Vue Content Loader是react-content-loader的Vue实现。

安装

Npm

npm i vue-content-loader

Yarn

yarn add vue-content-loader

使用

引入并注册组件

import { ContentLoader } from 'vue-content-loader'

export default {
  components: {
    ContentLoader
  }
}

使用

<content-loader></content-loader>

内建加载器

import {
  ContentLoader,
  FacebookLoader,
  CodeLoader,
  BulletListLoader,
  InstagramLoader,
  ListLoader
} from 'vue-content-loader'

示例

Facebook

image.png

Instagram

image.png

代码样式

image.png

列表样式

image.png

作者

Koyuki (EGOIST)

@_egoistlily

相关项目

这是一个基于Vue2的懒加载组件。
这个是基于Vue.js的简单的svg进度条,基于 circles项目二次开发。
这是一个基于Vue.js,易用的CSS旋转器集合。
这是一个基于vue 2的BlockUI,类似jQuery BlockUI,可用于加载屏幕。