Less 混合參數(shù)

2019-05-13 15:05 更新

描述

參數(shù)mixin使用一個(gè)或多個(gè)參數(shù),通過(guò)參數(shù)和其屬性來(lái)擴(kuò)展LESS的功能,以便在混合到另一個(gè)塊時(shí)自定義mixin輸出。


例如,考慮一個(gè)簡(jiǎn)單的LESS代碼片段:

.border(@width; @style; @color) {
    border: @width @style @color;
}

.myheader {
    .border(2px; dashed; green);
}


這里我們使用參數(shù)mixin作為 .border 和三個(gè)參數(shù),即寬度,樣式和顏色。 使用這些參數(shù),您可以使用傳遞的參數(shù)值自定義mixin輸出。


下表描述了不同類(lèi)型的參數(shù)混合宏以及描述。

S.N. 類(lèi)型及描述
1

Mixins具有多個(gè)參數(shù)


參數(shù)可以使用逗號(hào)或分號(hào)分隔。
2 命名參數(shù)

Mixins通過(guò)使用它們的名稱(chēng)提供參數(shù)值而不是位置。
3 @arguments Variable

當(dāng)調(diào)用mixin時(shí), @arguments 包括所有傳遞的參數(shù)。
4 高級(jí)參數(shù)和@rest變量

Mixin通過(guò)使用 .... 提供了可變數(shù)量的參數(shù)。
5 模式匹配

通過(guò)將參數(shù)傳遞給它來(lái)改變mixin的行為。

以上內(nèi)容是否對(duì)您有幫助:
在線(xiàn)筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)