Sass 使用for循环生成由多个URL组成的内容

我正在尝试创建一个动态混合，为我的图像创建一个预加载程序。生成类的上半部分工作得很好，但下半部分不行

代码如下：

$n:5；
$step:100/$n；
@关键帧标志bg更改{
@对于$i，从0到$n{
$current frame:$step*$i；
#{$current frame}%{
背景图片：url（'../images/logo bg/bg{$i+1}.jpg'）；
}
}
}
@混合预加载内容（$cycles）{
$content:''；
@对于$i，从0到$n{
$content:$content+''+url（'../images/logo bg/bg{$i+1}.jpg'）；
}
内容：$内容；
}
正文：之后{
显示：无；
@包括预加载内容（$n）；
}

底部部分的结果是：

body:after{
显示：无；
内容：“url（“../images/logo bg/bg1.jpg”）url（“../images/logo bg/bg2.jpg”）url（../images/logo bg/bg3.jpg）url（../images/logo bg/bg4.jpg”）url（../images/logo bg/bg5.jpg”）；
}

但它应该是：

body:after{
显示：无；
内容：
url（'../images/logo bg/bg1.jpg'）
url（'../images/logo bg/bg2.jpg'）
url（'../images/logo bg/bg3.jpg'）
url（'../images/logo bg/bg4.jpg'）
url（'../images/logo bg/bg5.jpg'）；
}

---

有没有办法将URL标记链接为标记而不是字符串？

使用

append（）

函数创建一个列表

@mixin preload-content($cycles) {
    $content: ();

    @for $i from 0 to $n {
        $content: append($content, url('../images/logo-bg/bg#{$i + 1}.jpg'));
    }

    content: $content;
}