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

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