less中background:url问题

Question

background: url(${@http}/img/icon/[e-mail]) no-repeat center 3rem / auto 25%;

@http是一个变量
这样书写会不现实，也没有解析！

请问该怎么办？

Answer 1

找到答案了 应该是background: url('@{http}/img/icon/[e-mail]') no-repeat center 3rem / auto 25%;

Answer 2

调用方式错了，不用那个美元符号

@http: http://www.yoursite.com;   // 对变量@http的定义, 习惯上写在less文件开头

background: url(@http/img/icon/[e-mail]) no-repeat center 3rem / auto 25%;