less使用each遍歷物件迴圈賦值

2021-10-10 06:39:01 字數 924 閱讀 3799

進行專案開發時,經常可以遇到多個margin、padding、font-size等,可能有5、10、20等不同的值,這個時候就需要進行each遍歷迴圈賦值了

margin

top/right/bottom/left

/** 定義需要遍歷的物件 */

@marandpadandfontlist:

each

(@marandpadandfontlist,

.mr-@

.mb-@

.ml-@

.mg-@})

;

padding

top/right/bottom/left

each

(@marandpadandfontlist,

.pr-@

.pb-@

.pl-@

.pg-@})

;

font-size
each

(@marandpadandfontlist,})

;

其他css賦值一樣使用即可

使用

class

="mt-12 pt-12 fs-12"

>

div>

class

="mr-12 pr-12 fs-14"

>

div>

class

="mb-12 pb-12 fs-16"

>

div>

class

="ml-12 pl-12 fs-20"

>

div>

class

="mg-12 pg-12 fs-22"

>

div>

jquery中each遍歷物件和陣列示例

通用遍歷方法,可用於遍歷物件和陣列。each 函式擁有兩個引數 第乙個為物件的成員或陣列的索引,第二個為對應變數或內容。如需退出each迴圈可使 函式返回false 現有如下兩個select 計畫類別 plantype 0 所有 1 新建 2 續建 select 申報型別 audittype 0 所...

each 和 list 結合使用來遍歷陣列

each 函式生成乙個由陣列當前內部指標所指向的元素的鍵名和鍵值組成的陣列,並把內部指標向前移動。返回的陣列中包括的四個元素 鍵名為 0,1,key 和 value。單元 0 和 key 包含有陣列單元的鍵名,1 和 value 包含有資料。如果內部指標越過了陣列範圍,本函式將返回 false。語法...

使用 React 遍歷物件

js react.development.js script js react dom.development.js script js babel.js script data.js script 做好全部準備之後,我們就可以開幹了。box div text babel const reactdo...