如何更改验证组件变量？

Question

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

<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;
}