实用颜色的基本用法

Created: November-22, 2018

预设 Ionic CSS 将具有主题和预设颜色。你可以修改或覆盖 ionic.css 或自定义 CSS 文件中的基本值。你也可以使用 SASS 定义这些并在 Ionic 中使用 SASS，你只需在终端中运行 ionic setup sass 命令即可。

按钮中颜色的基本用法。button-<phrase> 类将使按钮背景和边框设置主题的颜色。

<button class="button button-positive">
  button-positive
</button>

<button class="button button-calm">
  button-calm
</button>

<button class="button button-balanced">
  button-balanced
</button>

你的 CSS 前缀选项如下：

<element>-light
<element>-stable
<element>-positive
<element>-calm
<element>-balanced
<element>-energized
<element>-assertive
<element>-royal
<element>-dark

这些类也可以添加到例如徽章等中。以下是徽章的示例：

<span class="badge badge-positive">Positive badge</span>