Vue Indicator是一個在頁面加載時(shí)顯示進(jìn)度條的插件。除了默認(rèn)的樣式外，Vue Indicator還提供了多種自定義樣式使其更加適應(yīng)不同的應(yīng)用場景。

下面是一個基本的使用示例：

import VueIndicator from 'vue-indicator'
Vue.use(VueIndicator)

在模板中添加Indicator：

<template>
<div>
<button @click="showIndicator">點(diǎn)擊顯示進(jìn)度條</button>
</div>
</template>
<script>
export default {
methods: {
showIndicator() {
this.$indicator.show()
setTimeout(() =>{
this.$indicator.hide()
}, 3000)
}
}
}
</script>

這段代碼中，當(dāng)點(diǎn)擊按鈕時(shí)，會使用Vue Indicator顯示進(jìn)度條，并在3秒后隱藏它。

為了使用不同的自定義樣式，可以通過在Vue Indicator的全局配置中添加一個選項(xiàng)來指定其他CSS類名。例如：

Vue.use(VueIndicator, {
color: 'white',
className: 'my-indicator'
})

這里指定了白色背景以及名為“my-indicator”的附加CSS類。

以上就是使用Vue Indicator樣式的基本介紹，通過用不同的CSS類名來自定義樣式，Vue Indicator可以應(yīng)用于不同的應(yīng)用場景。