Question

我试图在LESS循环中实现JS或PHP中的某些东西非常简单。让我们说我有4级循环。每个级别高度取决于先前的级别高度。类似的东西：

for (var i; i < 4; i++) {
    if (i = 1) {
        var height = 100 * i;
    } else {
        height = height * 3 - i * 20;
    }
}

assignFinalHeight(height);

甚至可以在LESS中实现吗？尝试过这样的守卫mixins：

@height: 0;

.count(@lvl) when (@lvl > 1) {
    .for(4); .-each(@lvl) {
         @height: @height * 3 - @lvl * 20;
    }
}

.count(@lvl) when (@lvl = 1) {
    @height: 100 * @lvl;
}

.for(4); .-each(@lvl) {
    .count(@lvl);
    .lvl_@{lvl} {
         height: @height;
    }
}

希望你明白这一点我也尝试了一些其他的技术，但是我得到了递归变量的错误，或者我得到了生成的CSS，前两个级别正确，所有其他级别与第二个级别相同。

感谢任何帮助

我试图制作季后赛计划 - http://i.imgur.com/J8frRVg.png。所有标记为2的团队成员都是div并且有一些css课程。所有这些持有人都被包裹在一个div中。喜欢

<div>
    <div class="holder lvl_1 pos_1">
        <div class="team_1"></div>
        <div class="other stuff"></div>
        <div class="team_2"></div>
   </div>
   <div class="holder lvl_1 pos_2">...</div>
   <div class="holder lvl_2 pos_1">...</div>
   ...
</div>

唯一剩下的是顶部的高度和位置，但这些取决于之前的高度。如果在LESS中不可能，我可能会在JS中创建它：/

嵌套循环中的动态变量较少

0 个答案: