less传参问题：在url中插入变量

今天在需要用less给url传递参数时遇到了小问题，一番搜索后有了下述解决方法：
1、background-image

@url: 'brand'

.bg-image {
    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文档中对Escaping(~)的描述

2、background

background: url('@{url}@2x.png') no-repeat center