Question

我有以下内容：

@threshold:{
  a:50;
  b:200;
};

@themes:{
  a:red;
  b:blue;
};

.mymixin(@name,@color,@thrshld){
  //do-something
}

each(@themes,{
  .mymixin(@key,@value,@threshold[@key]);
});

通过运行代码，会发生以下错误：

RuntimeError：错误评估函数each：找不到变量@key ...

我正在使用v3.9.0

如何在每个功能中使用地图？

Answer 1

您需要使用@map[$@property]语法来评估@map[@property]的值

.mymixin(@name, @color, @thrshld) {
  .theme-@{name} {
    color: @color;
    width: @thrshld;
  }
}

@threshold: {
  a: 50;
  b: 200;
};

@themes: {
  a: red;
  b: blue;
};

each(@themes, {
  .mymixin(@key, @value, @threshold[$@key])
})

减：不能在每个内部使用Map

1 个答案: