參數化混合類型使用一個或多個參數,通過利用參數擴展了 Less 的功能 且當混合到另一塊它的屬性自定義 mixin 的輸出。
例如,考慮一個簡單的 Less 的代碼片段:
.border(@width;@style;@color){ border:@width@style@color;}.myheader {.border(2px; dashed; green);}
這裏我們使用參數化 mixin 作為 .border 有三個參數,即寬度,樣式和顏色。使用這些參數,你可以自定義傳遞參數值的 mixin 輸出。
下表描述說明不同類型的參數混合類型。
S.N. | 類型 & 描述 |
---|---|
1 |
M
ixin使用多參數
參數可以用逗號或者分號隔開。
|
2 |
命名參數
mixin 用自己的名字為參數的值,而不是位置。
|
3 |
@arguments變數
當 mixin 被調用時,@arguments 包括所有傳遞的參數。
|
4 |
高級參數和@rest變數
混合採用可變數量的參數使用.... |
5 |
模式匹配
通過傳遞參數,將其更改混合的行為。
|