【问题标题】:Set color on IONIC 2 component在 IONIC 2 组件上设置颜色
【发布时间】:2018-06-22 10:28:00
【问题描述】:

我有一个简单的 sidemenu ionic 2 项目,我正在尝试更改顶部菜单的颜色。

 <ion-toolbar color="light" >
  <ion-title>Menu</ion-title>
</ion-toolbar>

Light 是默认的主题颜色,我如何让它反映在 ionic 应用程序上?

我已将 variables.scss 中的值更改为橙色。顶部的导航仍然是白色的,如何将其变为橙色?

【问题讨论】:

  • primary 颜色吗?

标签: angular ionic-framework sass


【解决方案1】:

只需在ion-toolbar 标签中添加颜色即可。

<ion-toolbar color="custom"></ion-toolbar>

并且在 variable.scss 文件中包含custom 颜色。

$colors:(custom:#your_color_code);

【讨论】:

  • 为什么不用我选的色光
  • 我把它设置为浅色为什么我需要设置自定义颜色,我想要的颜色在那里
  • 那么您是如何放置菜单模板的呢?您可以在这里发布您的菜单模板代码吗?它将在 标签内。
  • 我不明白菜单与它的顶部工具栏有什么关系。 菜单 ion-list>
  • 我遇到了同样的问题,这就是我要求菜单模板代码的原因。我的代码与ion-header 中的ion-menu 相同。我不知道为什么颜色不会为你改变。您能否在您指定橙色的variable.scss 文件中发布内容。谢谢
猜你喜欢
  • 2020-07-15
  • 1970-01-01
  • 2019-05-01
  • 1970-01-01
  • 2018-04-15
  • 2016-11-18
  • 1970-01-01
  • 2011-09-06
  • 1970-01-01
相关资源
最近更新 更多