scss循环（@each in、@for from）

$common_used_color: #595959;
$colors: #4d5ebe, #4d72d8, #13a69f, #584cbe, #4c5dbd, #049dcc;
$curcolors:
rgba(77, 94, 190, 0.08),
rgba(77, 114, 216, 0.08),
rgba(19, 166, 159, 0.08),
rgba(88, 76, 190, 0.08),
rgba(76, 93, 189, 0.08),
rgba(4, 157, 204, 0.08);
$bg-colors: (
  bg-color1: linear-gradient(to right, #6472f6, #4c5dbd),
  bg-color2: linear-gradient(to right, #5699f3, #4d72d8),
  bg-color3: linear-gradient(to right, #53d4c2, #13a69f),
  bg-color4: linear-gradient(to right, #8b64f6, #574cbd),
  bg-color5: linear-gradient(to right, #6472f6, #4c5dbd),
  bg-color6: linear-gradient(to right, #44cbd7, #039ccb)
);
@each $key, $color in $bg-colors {
  &.#{$key} {
    background-image: $color;
  }
}
@for $i from 1 through 6 {
  .tit-color#{$i} {
    color: nth($colors, $i);
  }
  .curTab-color#{$i}{
    background: nth($curcolors, $i);
    strong,span{
      color: nth($colors, $i);
    }
  }
}