comment changer la variable de composant vuetify?

Je veux changer la couleur d'arrière-plan <v-progress>en utilisant une variable
$progress-circular-underlay-strokemais la nouvelle valeur n'affecte pas la sortie

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

mon environnement est Vuecli.


Solution du problème

Vous pouvez remplacer son style comme indiqué ci-dessous :

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

Commentaires

Posts les plus consultés de ce blog

Comment signer la connexion OKEx API version 5 avec websockets ?

La fonction GCP Cloud pour écrire des données dans BigQuery s'exécute avec succès, mais les données n'apparaissent pas dans la table BigQuery

Erreur Symfony : "Une exception a été levée lors du rendu d'un modèle"