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 |