在less中使用background-image时,url的设置问题

本来尝试了一下es6的模板字符串,然后也没成功

1
2
3
4
5
6
.bg-image(@url) {
  background-image: ~"url(@{url}@2x.png)";
  @media(-webkit-min-device-pixel-ratio:3),(min-device-pixel-ratio:3){
    background-image:~"url(@{url}@3x.png)";
  }
}
  • 在less中,符号 ~ 后面的双引号的内容会被less编译时忽略
  • less的符号 @ 和 {} 与es6的模板字符串 ${} 使用类似,都可以在字符串里使用变量