less变量拼接类名出现类空格怎么办

Question

@count: 1;
@spin-count: spin@count;


@keyframes @spin-count {
  0%{
   top:0px;
  }
}

最后编译完成了

@keyframes spin 1 {
  0% {
    top: 0px;
  }
}

代码只是我遇到问题的体现,拼接结果span 1中多了一个空格,实际我希望结果是
拼接结果不是字符串
拼接结果中没有空格

Answer 1

最后解决方案

@count: 1;
@spin-count: ~'spin@{count}';


@keyframes @spin-count {
  0%{
   top:0px;
  }
}

或者

@count: 1;
@spin-count: e('spin@{count}');


@keyframes @spin-count {
  0%{
   top:0px;
  }
}

思路：拼接字符串不会出现空格，然后将字符串转义成css

Answer 2

@count:1;
@spin:spin;
@spin-count:@{spin}@{count};

@keyframes @spin-count {
0%{

top:0px;

}
}