参数化混合类型使用一个或多个参数,通过利用参数扩展了 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 |
模式匹配
通过传递参数,将其更改混合的行为。
|