Ionic2 - 如何导入页面组件的css文件

Question

我必须导入一些驻留在node_modules内的样式表（来自node_modules的bootstrap.css等）。 我试过

• 在@Page，
中添加styleUrls
• 将.scss文件中的样式放在页面组件文件夹中
• 最后通过创建新的样式标记将样式放在模板文件中...所有这些都没有运气，即所需的样式没有应用于具有适当类的标记。

怎么做？

  

PN：我在app.core.scs中为我的组件导入了页面scss。   无论如何，我认为在页面scss中放置bootstrap.min.css不是一个   好方法

Answer 1

添加上述导入似乎不适用于我在10/25/16安装的最新版Ionic2（ionic -version = 2.1.4）。新创建的项目中不再有app.core.scss个文件。而只是variables.scss中的src/app/theme。

app.scss中有一个文件src/app表示全局SASS并导入其他文件，但为另一个页面添加导入似乎没有什么区别。

我有一个页面/src/app/pages/about，其中about.ts有styleUrls: ['about.scss']。文件about.scss位于同一目录中。放@import "../pages/about/about";在该文件的底部没有任何区别。

更新：

我终于在about.ts：

中使用了它

styleUrls: ['/pages/about/about.scss']

我不确定这是否是最好的方式，但它现在有效。

Answer 2

br.WrapMode = WrapMode.TileFlipX;

在 app / themes / app.core.scss 中添加此行并重建。当然改变你的页面表达。