vue-content-load

A simple content loading component

Installing

npm i vue-content-load -S

Usage

main.js

import 'vue-content-load/lib/vue-content-load.css'
import VueContentLoad from 'vue-content-load'

Vue.use(VueContentLoad)

.vue

<vue-content-load>
  <vue-content-load-img/>
  <vue-content-load-heading/>
  <vue-content-load-text/>
</vue-content-load>

Attributes

<vue-content-load />

propsName	describe	type	defalut
rounded	Whether to display rounded corners	boolean	false
centered	Are they displayed in the middle	boolean	false
animated	Whether to display animation or not	boolean	true

<vue-content-load-img />

propsName	describe	type	defalut
height	The default unit for number type variables is px. string will be used directly	string, number	120px

<vue-content-load-heading />

propsName	describe	type	defalut
img	Whether to display pictures or not	boolean	false
img-left	Is the picture on the left	boolean	true

<vue-content-load-text />

propsName	describe	type	defalut
lines	How many rows are displayed	number	4