Question

如何在var o = {}; o.toString(); // OK {}.toString(); // > Uncaught SyntaxError: Unexpected token . [1, 2, 3].toString(); // OK中设置我的主要颜色我不能这样做：

variables.scss

variables.scss:

这是错误消息：

$colors: (
  // primary:    #4caefe,

  primary2: linear-gradient(to right, #0fe2f3, #4caefe),
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #fff,
  dark:       #222,
  background: #f7f7f7
);

如何将原色设置为我想设置的渐变？

以下是我使用变量的代码：

[12:53:30]  sass: ...top/GitHub/plenumo-ionic2/node_modules/ionic-angular/themes/ionic.functions.scss, line: 109
            The map color `primary` is not defined. Please make sure the color exists in your `$colors` map. For
            example: $colors: ( primary: #327eff );

     L109:    @error $error-msg;

不可能简单地更改主变量，因此它用于每个使用主变量的元素？因为渐变仅适用于.play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; border: 1px solid map-get($colors, primary); border-radius: 50%; background-color: transparent; background: map-get($colors, primary2); .ion-md-icon-play_1 { margin-left: 3px; } }

Answer 1

设置得很好。也许你在获取颜色方面遇到了一些麻烦......

$colors: (
  primary:    linear-gradient(#0fe2f3, #4caefe),
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #fff,
  dark:       #222,
  background: #f7f7f7
);

.color{
  background-image: map-get($colors, primary);
}

Answer 2

首先，尝试删除或重命名地图中的“背景”键，我猜可能会导致错误。在其他方面，您的代码工作正常，您可以检查输出here。如果对您没有帮助，请使用活动的“主要”键给我错误按摩。

离子2 - 创建主要渐变颜色

2 个答案: