使用 url 的 sass 背景 mixins [重复]

伙计们，我想创建一个背景 mixin，而不是编写重复的 url

 @mixin bgimage($name){
  $url:"../images/$name.png";
 background: url($url);}

并且，它从不接受 $name 变量的值

我称它为

     @include bgimage(name.png);

在CSS中，输出是这样的错误

     background: url("../images/$name.png");

有什么办法可以在 mixin 中写入 url 吗？不知道如何以简短的方式做到这一点

尝试使用变量插值#{$name}

@mixin bgimage($name) {
  $url:"../images/#{$name}.png";
  background: url($url);
}

并将不带扩展名的文件名作为 mixin 参数传递：

@include bgimage(your-png-file-without-extension);

因为它已经附加在$urlmixin 的变量