JSRUN 用代码说话

混合参数

编辑教程

混合参数

参数mixin使用一个或多个参数,通过参数和其属性来扩展LESS的功能,以便在混合到另一个块时自定义mixin输出。

例如,考虑一个简单的LESS代码片段:

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

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

这里我们使用参数mixin作为 .border 和三个参数,即宽度,样式和颜色。 使用这些参数,您可以使用传递的参数值自定义mixin输出。

下表描述了不同类型的参数混合宏以及描述。

类型 描述
Mixins具有多个参数 参数可以使用逗号或分号分隔。
命名参数 Mixins通过使用它们的名称提供参数值而不是位置。
@arguments Variable 当调用mixin时, @arguments 包括所有传递的参数。
高级参数和@rest变量 Mixin通过使用 .... 提供了可变数量的参数。
模式匹配 通过将参数传递给它来改变mixin的行为。
JSRUN闪电教程系统是国内最先开创的教程维护系统, 所有工程师都可以参与共同维护的闪电教程,让知识的积累变得统一完整、自成体系。 大家可以一起参与进共编,让零散的知识点帮助更多的人。
X
支付宝
9.99
无法付款,请点击这里
金额: 0
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
如有疑问请联系QQ:565830900
正在生成二维码, 此过程可能需要15秒钟