Less中使用循环函数

@bg-color-arr: @bg-bar-01, @bg-bar-02, @bg-bar-03, @bg-bar-04, @bg-bar-05;

/*
    * loop函数，为柱状图的柱子添加背景色
    * @index, li的序号
    * @len, li的个数
    * @color-arr, 柱子的颜色数组
    *
*/
.loop(@index, @len, @color-arr) when(@index <= @len) {
    &:nth-child(@{index}) {
        background-color: extract( @color-arr, @index);
    }
    .loop(@index + 1, @len, @color-arr)
}

/* 调用loop方法 */
.loop(0, 5, @bg-color-arr);