如何更改vuetify组件变量？

Question

我想通过使用变量来更改<v-progress>的背景颜色 $progress-circular-underlay-stroke，但新值不会影响输出

<template>
 <v-progress-circular
        :rotate="360"
        :size="100"
        :width="15"
        value="20"
        color="primary"
      >
        20
      </v-progress-circular>
</template>
<style lang='scss'>
  @import '~vuetify/src/styles/styles.sass';
  @import '~vuetify/src/components/VProgressCircular/_variables.scss';
  $progress-circular-underlay-stroke = "#FF6859" 
</style>

我的环境是Vuecli。

Answer 1

您可以如下所示覆盖其样式：

.v-progress-circular__underlay {
  stroke: #ff6859 !important;
}