less - 循环 loop

最新推荐文章于 2022-05-26 14:34:20 发布

weixin_30872499

最新推荐文章于 2022-05-26 14:34:20 发布

阅读量100

点赞数

原文链接：http://www.cnblogs.com/so-letitgo/p/9936050.html

版权

.avatar-loop(@n, @i:1, @level) when (@i <= @n) {
    &:nth-child(@{level}) .item.item-@{i} {
        .avatar {
            background-position: (-190px * (@i - 1) - 10px * (@i - 1)) (-190px * (@level - 1) - 10px * (@level - 1));
        }
    }
    .avatar-loop(@n, (@i + 1), @level);
}
.avatar-loop(4, 1, 1);
.avatar-loop(4, 1, 2);
.avatar-loop(4, 1, 3);
.avatar-loop(4, 1, 4);

转载于:https://www.cnblogs.com/so-letitgo/p/9936050.html