Ionic 2 Navbar Color问题

Question

我在离子2中启动了一个空白项目，并且运行良好。

但是当我查看variables.scss文件时，我可以在主要附近看到一条红线错误：它表示“[scss]）预期”

我尝试使用本指南http://ionicframework.com/docs/v2/theming/theming-your-app/

更改颜色

但它不起作用。它仍然显示相同的灰色导航栏。当我用Google搜索问题时，每个人都提到使用app / app.variables.scss文件。但我没有该位置的文件，而是我在themes / variables.scss中有它们。

这是我的离子信息。请指教。谢谢。

Answer 1

可以忽略sass警告'scss expected'，这似乎是一个编译器错误，它将在编译期间解决。

由于以下原因，离子改变了它的颜色

  

  

• 很难动态地向组件添加颜色，特别是如果颜色属性的名称未知   模板。

  

• 此更改使css保持平坦，因为我们没有在组件上链接颜色属性，而是将类分配给   包含颜色名称的组件。

  
• 这使您可以轻松地在多种颜色之间切换组件。
  
• 加快效果，因为我们不再阅读所有属性来抓取颜色。
  

找到here。

因此，要使用离子sass提供的颜色，请将<ion-navbar primary>更改为<ion-navbar color="primary">。

Answer 2

根据版本2.0.0-rc.0 (2016-09-28)，颜色已更改。

Here您可以找到更改日志。

  

颜色不再直接添加到组件中，而应该在颜色属性

中传递

因此，例如<ion-tabs primary>变为<ion-tabs color="primary">。

希望我帮助过你！

编辑：抱歉，张贴在一起......