README
vill-loading
a vue plugins about notice or toast
Build Setup
install the plugin on bash and the sass module support
npm install vill-loading --save-dev
npm install sass-loader node-sass vue-style-loader --save-dev
register the plugins on the vue project in the entry file (main.js)
import loading from 'vill-loading'
Vue.use(loading);
on the vue template file ,you can use it by the follow example
<template>
<div id="app">
<div v-loading="{text:'加载中...',loading:true}" class="bindCls">demo</div>
</div>
</template>
<script>
export default {
name: 'app',
data () {
return {
}
}
}
</script>
<style lang="scss">
#app{
width: 100vw;
height: 100vh;
.bindCls{
width: 500px;
height: 500px;
}
}
</style>
字段 | 说明 | 类型 | 默认值 |
---|---|---|---|
fullscreen | 修饰符全屏loading | - | - |
lock | 修饰符全屏loading不可滚动) | - | - |
text | loading的提示文字 | string | - |
loading | 控制loading的显隐 | boolean | - |