39 lines
938 B
Vue
39 lines
938 B
Vue
|
<template lang="html">
|
||
|
|
<div :class="wrapperClasses">
|
||
|
|
<div :class="spinnerClasses">
|
||
|
|
<Spin fix>
|
||
|
|
<Icon type="load-c" size="18" :class="iconClasses"></Icon>
|
||
|
|
<div v-if="text" :class="textClasses">{{text}}</div>
|
||
|
|
</Spin>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
const prefixCls = 'ivu-scroll';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
props: ['text', 'active', 'spinnerHeight'],
|
||
|
|
computed: {
|
||
|
|
wrapperClasses() {
|
||
|
|
return [
|
||
|
|
`${prefixCls}-loader-wrapper`,
|
||
|
|
{
|
||
|
|
[`${prefixCls}-loader-wrapper-active`]: this.active
|
||
|
|
}
|
||
|
|
];
|
||
|
|
},
|
||
|
|
spinnerClasses() {
|
||
|
|
return `${prefixCls}-spinner`;
|
||
|
|
},
|
||
|
|
iconClasses() {
|
||
|
|
return `${prefixCls}-spinner-icon`;
|
||
|
|
},
|
||
|
|
textClasses() {
|
||
|
|
return `${prefixCls}-loader-text`;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|