class
="ul-thead"
>
v-for
="(item,index) in historylist"
:key
="index"
>
>
}p>
>
}p>
>
}p>
>
}p>
>
}p>
>
}p>
>
}p>
>
}p>
>
}p>
>
}p>
li>
ul>
在使用ul，li標籤實現類似於table**的樣式時，需要設定p標籤的寬度，之前都是使用nth-child(index)的方法來操作，但是如果需要設定的元素過多，css樣式就會顯得很不精簡，這個時候就可以使用less的迴圈來解決這個問題。
在使用less迴圈的時候，需要知道兩個函式的用法，第乙個是length，用來獲取定義的變數的長度，第二個是extract，用來獲取定義的變數的第n個元素（類似於js的通過下標獲取資料）// 每乙個p標籤需要設定的寬度@domwidthlist
:82px,48px,48px,36px,30px,58px,46px,36px,48px,48px;
//總共有多少個p標籤 也就是迴圈的次數
@len
:length
(@domwidthlist);
.loopdomp(@i) when (
@i<= @len))
.loopdomp
(@i+1);}
//呼叫
.loopdomp
(1);
p:nth-child(1)p:nth-child(2)
p:nth-child(3)
p:nth-child(4)
p:nth-child(5)
p:nth-child(6)
p:nth-child(7)
p:nth-child(8)
p:nth-child(9)
p:nth-child(10)
less中的loop迴圈
在專案中管理css一般都會使用預編譯語言，其中less算是比較好用的一種。但是官方給的介紹中關於迴圈生成變數名的方法比較簡單，沒有針對一串陣列值來編譯變數名的方法。總結很多文件之後，總結了下面方法用於快速生成css的方法，雖然直接用手寫的方式也能使用，但是感覺那樣很low。下面是使用函式生成marg...
Less的遍歷迴圈寫法
定義顏色陣列 colorarr 37a2da,32c5e9,67e0e3,9fe6b8 定義迴圈最大值，此處使用顏色陣列的長度 len length colorarr 定義迴圈方法 index 傳入的迴圈起始值 len 迴圈的最大值 也可使用常量 eg index 4 loop index when...
less使用each遍歷物件迴圈賦值
進行專案開發時，經常可以遇到多個margin padding font size等，可能有5 10 20等不同的值，這個時候就需要進行each遍歷迴圈賦值了 margin top right bottom left 定義需要遍歷的物件 marandpadandfontlist each marand...