Question

今天我第一次开始使用离子3。我对此一无所知，所以我想知道它是如何运作的。

我已经创建了一个sidemenu项目，现在我想在app.scss中添加一些全局样式，所以我可以在我的项目的任何页面中使用它。好吧，我已经为我的app.scss添加了简单的样式，但我的页面上没有任何反应。一切看起来都一样。现在我的问题是：我是否必须在某处导入app.scss？如果是的话，在哪里？或者我如何使用app.scss？

我认为它会自动发生，我的页面也使用了我的app.scss的类，而不仅仅是它自己的样式表，但对我而言似乎它甚至不知道这些类app.scss。

Answer 1

在 app.scss 中，您可以创建类在html上将它们正常用作class="class-name"。

希望我帮助过你。

Answer 2

您可以使用它，无需在任何地方导入它。但要注意以下几点：

您希望在全局范围内添加内容，例如，如果要在添加以下内容的Toast消息中启用换行符，请执行以下操作：

.toast-message {
  white-space: pre-line;
}

如果您只想为iOS添加内容，请将其添加为ios类的子元素：

.ios {
  ... // your iOS-specific css rules
}

如果您只想为Android（材料设计）添加某些内容，请将其添加为md类的子元素：

.md {
 ... // your android-specific css rules
}

如果您需要，还可以使用Windows Phone的wp课程。

请务必查看ionics theming docs。

在离子3项目中使用app.scss文件

2 个答案: