If you need to change the background of the loading, you can use the property background
Only RGB and HEX colors are supported.
Success
<template lang="html">
<div class="demo-alignment">
<input type="color" v-model="backgroundLoading" name="" value="">
<vs-button @click="openLoadingBackground" type="gradient" color="success">Success</vs-button>
</div>
</template>
<script>
export default {
data() {
return {
backgroundLoading: '#22c16b',
}
},
methods: {
openLoadingBackground() {
this.$vs.loading({ background: this.backgroundLoading, color: 'rgb(255, 255, 255)' })
setTimeout(() => {
this.$vs.loading.close()
}, 3000);
},
}
}
</script>