0.2.5 • Published 5 years ago
vue-content-load v0.2.5
vue-content-load
A simple content loading component
Installing
npm i vue-content-load -SUsage
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 |