參數(shù)mixin使用一個或多個參數(shù),通過參數(shù)和其屬性來擴展LESS的功能,以便在混合到另一個塊時自定義mixin輸出。
例如,考慮一個簡單的LESS代碼片段:
.border(@width; @style; @color) {
border: @width @style @color;
}
.myheader {
.border(2px; dashed; green);
}
這里我們使用參數(shù)mixin作為 .border 和三個參數(shù),即寬度,樣式和顏色。 使用這些參數(shù),您可以使用傳遞的參數(shù)值自定義mixin輸出。
下表描述了不同類型的參數(shù)混合宏以及描述。
S.N. | 類型及描述 |
---|---|
1 |
|
2 | 命名參數(shù) Mixins通過使用它們的名稱提供參數(shù)值而不是位置。 |
3 | @arguments Variable 當調用mixin時, @arguments 包括所有傳遞的參數(shù)。 |
4 | 高級參數(shù)和@rest變量 Mixin通過使用 .... 提供了可變數(shù)量的參數(shù)。 |
5 | 模式匹配 通過將參數(shù)傳遞給它來改變mixin的行為。 |
更多建議: