有一种方法可以在 slim a html 元素上循环吗？

Question

我想在 slim 上循环播放：

.row.vh14.sand_bg.relative
  .col-lg-6.col-lg-offset-3.fill_top_60px
    .trabajo.col-lg-4.test_img.vh5
    .trabajo.col-lg-4.test_img.vh5
    .trabajo.col-lg-4.test_img.vh5
    .trabajo.col-lg-4.test_img.vh5
    .trabajo.col-lg-4.test_img.vh5
    .trabajo.col-lg-4.test_img.vh5

但没有一个接一个，像 less loops 之类的类似方法，只需定义所需的迭代次数即可。

某事：

元素 x (5) = 元素 元素 元素 元素 元素

Answer 1

你有没有试过

- 5.times do
   .trabajo.col-lg-4.test_img.vh5

?

Answer 2

使用for循环你可以像下面的例子那样做。

.row.vh14.sand_bg.relative
  .col-lg-6.col-lg-offset-3.fill_top_60px
   - for item in (1..6) # you can define your range how many times you want to loop 
    .trabajo.col-lg-4.test_img.vh5

---

已更新

我认为窄缩进导致问题..

 .row.vh14.sand_bg.relative
   .col-lg-6.col-lg-offset-3.fill_top_60px
     - for item in (1..6) # you can define your range how many times you want to loop 
        .trabajo.col-lg-4.test_img.vh5