Ionic framework 在组件颜色属性中使用颜色变体不起作用

在Ionic v4应用程序中，我有一个标签组件，我想在其中应用

二次着色

颜色，但如果我想直接从

颜色

属性应用，它就不起作用

这是我应用颜色的方式：

<ion-label color="secondary-shade">Secondary shade Label</ion-label>

---

要直接使用

color

属性指定次阴影颜色，需要在

变量内定义次阴影颜色

转到src/theme/variables.scss并将您的次阴影颜色添加到
$colors，如下所示

$colors: (
  primary:    #488aff,
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222,
  secondary-shade: #f53dc7
);

现在您可以根据自己的喜好使用它。

<ion-label color="secondary-shade">Secondary shade Label</ion-label>

次阴影标签
要直接使用
color
属性给出次阴影颜色，需要在
变量内定义次阴影颜色

转到src/theme/variables.scss并将您的次阴影颜色添加到
$colors，如下所示

$colors: (
  primary:    #488aff,
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222,
  secondary-shade: #f53dc7
);

现在您可以根据自己的喜好使用它。

<ion-label color="secondary-shade">Secondary shade Label</ion-label>

次阴影标签
我使用的是爱奥尼亚4应用程序（我刚才在问题中提到过）。在variables.scss内部，在
：root
选择器下，
次要阴影
颜色默认使用变量
--ion color次要阴影
定义。我使用的是IONAL 4应用程序（我刚才在问题中提到过）。在variables.scss内部和
：root
选择器下，默认情况下使用变量
--ion color secondary shade