线性梯度在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;
}

用户界面

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