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

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"

Le shell POSIX (sh) redirige stderr vers stdout et capture stderr et stdout dans des variables