css - 手写笔将迭代变量传递给 mixin 参数

Question

我正在为将循环变量设置为混入而苦苦挣扎。

for num in (1..3)
  &.item{num}
    sprite($sprite-item{num})

它不起作用。第 3 行出现错误，将“num”赋予 sprite() mixin。

下面的编译成功，但没有按预期工作，因为给定的参数是一个字符串，而不是一个变量。 for循环迭代中如何配置动态变量？？？

for num in (1..3)
  &.item{num}
    sprite('$sprite-item' + num)

如果没有循环函数，代码将是

&.item1
    sprite($sprite-item1)
&.item2
    sprite($sprite-item2)
&.item3
    sprite($sprite-item3)

提前感谢您的宝贵时间!

Answer 1

我在查看代码时(在解决您的问题之前)的第一个假设是，通常在处理列表或数组时，第一项将位于位置 0 ......等等。因此，与其说1-3，不如说是0-2。尝试:

for num in (0..2)
    &.item{num}
        sprite($sprite-item{num})

这只是一个有根据的猜测，因为我没有足够的信息来真正了解一下。