时间戳

首页 > 解决方案 > 如何设置背景颜色IONIC 4

angular - 如何设置背景颜色IONIC 4

问题描述

我在尝试仅在一个 IONIC 4 (--type=angular) 页面中更改背景颜色时遇到问题。我正在尝试为离子含量添加一个类。在我的 html 文件中，我有：

<ion-content class="fondologin">
...
</ion-content>

在我的 sass 中，我有：

.fondologin{
    background-color: #111D12!important;
}

背景颜色永远不会改变。如果我添加 --ion-background-color:#111D12; 在 variables.scss 中，每个页面的背景都已成功更改，但我只更改了一页中的颜色。我怎样才能做到这一点？

标签： angularionic-frameworkionic4

解决方案

出于某种原因，我以这种方式解决了它：

首先，我--ion-background-color:#ffffff;在variables.scss主题文件夹内的文件中添加。

在我的页面 scss 中，我写道：

ion-content{

    --ion-background-color:#111D12;
}

之后背景设置成功。

推荐阅读