Categories: Less 教程

Less 混合参数

描述

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


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

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

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


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


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

S.N. 类型及描述
1

Mixins具有多个参

参数可以使用逗号或分号分隔。

2 命名参数


Mixins通过使用它们的名称提供参数值而不是位置。
3 @arguments Variable


当调用mixin时, @arguments 包括所有传递的参数。
4 高级参数和@rest变量


Mixin通过使用 …. 提供了可变数量的参数。
5 模式匹配


通过将参数传递给它来改变mixin的行为。

admin

这个人很懒,什么都没有留下~

Share
Published by
admin

Recent Posts

在 Chrome 中删除、允许和管理 Cookie

您可以选择删除现有 Cooki…

11 小时 ago

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

1 周 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

2 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

2 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

3 周 ago

聊聊React和Vue组件更新的实现及区别

React 和 Vue 都是当…

4 周 ago