线性渐变在 ionic3 中不起作用

Question

我正在尝试在我的 Ionic3 variable.sass 文件中创建新的渐变颜色。

$colors: (
  primary:    #4471C1,
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222,
  newcolor: linear-gradient(#0fe2f3, #4caefe)
);

这给我以下错误

The value`` must be a color.

如何添加渐变色？

Answer 1

您可以尝试下图

app.scss

.toolbar-background {
    background: -webkit-linear-gradient(-55deg, #50a2a7 35%, #e9b44c 100%) !important;
}

UI

当我将它应用到我的应用程序时：