2016-09-30 78 views
0

我开始了离子2的空白项目,并且其工作良好。Ionic 2导航颜色问题

,但是当我看着variables.scss文件,我可以看到红线错误相邻主:它说:“[SCSS])预计”

enter image description here

我试图改变颜色使用本指南http://ionicframework.com/docs/v2/theming/theming-your-app/

但它不起作用。它仍然显示相同的灰色导航栏。也当我GOOGLE了这个问题,每个人都提到使用app/app.variables.scss文件。但我没有在那个位置的文件,而是我在主题/ variables.scss中。

enter image description here enter image description here

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

enter image description here

+0

我有同样的问题,SCSS警告似乎是一个错误的编辑,并创造新的颜色搭配? – Ivaro18

+0

谢谢@ Ivaro18快速回复。是的,我尝试使用新的颜色,但可悲的是,它没有奏效。我也尝试过使用不同的IDE,使用WebStorm,我也遇到了同样的问题。我也尝试过我的Mac,但无法解决这个问题。 –

+0

我有'$颜色:( 初级:#A23C4B, 二级:#32db64, 危险:#f53d3d, 光:#f4f4f4, 黑暗:#393939, 最爱:#69BB7B, customRed:# A23C4B, customGrey:#E9EBEE );' – Ivaro18

回答

1

的青菜警告“SCSS预期”可以忽略不计,这似乎是一个错误的编辑器将在编译时解决。


离子改变它是由于以下原因

  • 是很困难的动态颜色添加到组件,尤其是如果颜色属性的名称是在 模板未知色彩。

  • 由于我们不是链接组件上的颜色属性,而是将类分配给包含颜色名称的 组件,所以此更改保留了css平面。

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

如发现here

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

1

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

Here你可以找到更新日志。

颜色不再直接加入的成分,但他们应该把在彩色传递属性

因此,例如<ion-tabs primary>变得<ion-tabs color="primary">

希望我帮了你!

编辑:对不起,贴在一起......