2016-09-30 74 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">

希望我幫了你!

編輯:對不起,貼在一起......