玉环错误

Question

我想在玉器中使用循环。 我在下面的代码中指出了问题所在。 问题是我希望类名是“ thumb-unit-1”，“ thumb-unit-2”等等。 但是我编译后得到的类名称为“ thumb-unit-＃{i + 1}”。 我正在使用sublime文本3。对于编译器，我正在使用prepros。

-var work = ["Typo International Design Talks", "city-in website concept", "crispy icons", "flat mobile ui/ux concept", "fresh it up", "timeline page", "weather dashboard", "stripes & co"]

-for (var i=0; i<8; i++){
    a(href="",class="thumb-unit-#{i+1}") //problem here
        div(class="thumb-overlay")
            strong #{work[i]}
-}

Answer 1

我找到了解决方案。

-var work = ["Typo International Design Talks", "city-in website concept", "crispy icons", "flat mobile ui/ux concept", "fresh it up", "timeline page", "weather dashboard", "stripes & co"]

-for (var i=0; i<8; i++){
    a(href="",class="thumb-unit-"+[i+1]) //solution here
        div(class="thumb-overlay")
            strong #{work[i]}
-}