本来尝试了一下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的模板字符串 ${} 使用类似,都可以在字符串里使用变量