web-dev-qa-db-fra.com

ionic2: impossible de définir la couleur d'arrière-plan <ion-content> dans variables.scss

en html:

<ion-content class="bg-style">

dans variables.scss:

.bg-style {
    background-color: #f5f0eb;
}

les codes ci-dessus ne fonctionnent pas, mais cela peut fonctionner dans d'autres balises telles que <a> <div>, etc., et lorsque je mets le fichier de style (.scss, tel que test.scss) dans le même chemin que le fichier html, cela peut fonctionner correctement Aussi.Je ne sais pas si ma question est claire, merci de l'aide.

sassstylesionic2
6
David

utilisez app.scss fichier au lieu de variables.scss.

app.scss 

  .bg-style {
        background: #f5f0eb;
    }
8
Sampath

Je vous recommanderais de remplacer les variables ioniques

$background-color: #f5f0eb !default;
$background-ios-color: #f5f0eb !default;
$background-md-color: #f5f0eb !default;

Vérifiez cette URL pour plus de détails - link

6
George Adrian Echim

dans le fichier app.scss ajouter un style

.fixed-content{
    background-color: #f5f0eb;
}

cela s'appliquera à toutes les pages, et vous n'avez pas besoin d'ajouter une classe à chaque ion-content

2
Mohamed Selim