You can change the color of the loading with the property color
Loading
<template lang="html">
<div class="demo-alignment">
<input type="color" v-model="colorLoading" name="" value="">
<vs-button @click="openLoadingColor" type="filled" :color="colorLoading">Loading</vs-button>
</div>
</template>
<script>
export default {
data() {
return {
colorLoading: '#ff8000',
}
},
methods: {
openLoadingColor() {
this.$vs.loading({ color: this.colorLoading })
setTimeout(() => {
this.$vs.loading.close()
}, 2000);
},
}
}
</script>