less中拼接字符串的方法

2,042 阅读1分钟

使用Less时,有时西药在样式内对变量和字符串直接拼接,比如

.bg-image(@url) { background-image: url("@{url}/image1.png"); }

.banner { background-repeat: no-repeat; .bg-image("banner"); }

编译成css如下

.banner {

background-repeat: no-repeat;

background-image: url("banner/image1.png");

}

引入时可以直接在style中使用@import 进行引入