离子 3 背景颜色

Question

在 Ionic 3 中是否有一种内置方法可以在 <ion-content> 上设置背景颜色？

在 Ionic 1 中，我们可以使用 content-stable 之类的类为 <ion-content> 设置配色方案。在较新版本的 Ionic 中，您可以使用输入变量设置某些组件的颜色，例如 <ion-navbar color="dark"> 或 <ion-item color="dark">。

我在ion-content 上尝试过这种输入，但没有任何成功。我可以手动设置background-color，例如style="background-color:#ddd;"，但是如果在Ionic 中有一个“正确”的方法可以做到这一点，我宁愿这样做。这样做的“官方”方式是什么？

Answer 1

没有官方的方法可以做到这一点。 Ionic 没有提供任何attribute or API 来直接改变ion-content 的背景颜色。

您必须自己设置 css。

例如：

在你的 scss 文件中：

.bg-style {
    background: red;
}

并将样式应用于您的组件 Html 文件中的内容：

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

Answer 2

在您的 app.scss 中添加：

.content {
    background: #f9f9f9;
}

Answer 3

在 .scss 文件中，您可以尝试：

ion-content { background-color: map-get($colors, dark) !important; }