如下代碼.loop(@count) when (@count > 0) { .loop(@count - 1); .testItem-@{count} { animation-name: kf-@{count}; }}.loop(3);第4行，希望輸出 kf-1 這樣格式的值。現(xiàn)在問題來了。。。kf-@{count} 編譯報錯kf-@count 輸出的是 kf- 1kf-(@count) 輸出 kf-(1)都不是期望值。求解決方案。。。
2 回答
BIG陽
TA貢獻(xiàn)1859條經(jīng)驗 獲得超6個贊
// loop start
.taskSlideBg(@num) when (@num <6){
@num2:~"@{num}n";
@color:"mkcolor@{num}";
#mkUser-task-con .mkUser-task-box:nth-child(@{num2}) .mkUser-task-title{background:@@color;}
.taskSlideBg((@num+1))
}
.taskSlideBg(1);
// loop end
編譯之后
#mkUser-task-con .mkUser-task-box:nth-child(1n) .mkUser-task-title {
background: #6ec5ff;
}
#mkUser-task-con .mkUser-task-box:nth-child(2n) .mkUser-task-title {
background: #ff8365;
}
#mkUser-task-con .mkUser-task-box:nth-child(3n) .mkUser-task-title {
background: #fdc139;
}
#mkUser-task-con .mkUser-task-box:nth-child(4n) .mkUser-task-title {
background: #83d36d;
}
#mkUser-task-con .mkUser-task-box:nth-child(5n) .mkUser-task-title {
background: #03afaf;
}
MMTTMM
TA貢獻(xiàn)1869條經(jīng)驗 獲得超4個贊
.loop(@count) when (@count > 0) {
.loop(@count - 1);
.testItem-@{count} {
animation-name: ~"kf-@{count}";
}
}
.loop(3);
- 2 回答
- 0 關(guān)注
- 1115 瀏覽
添加回答
舉報
0/150
提交
取消