less中写js函数配置
时间: 2023-10-24 14:06:59 浏览: 123
认识less和webstrom的less配置方法
在less中写js函数配置需要使用函数表达式,具体步骤如下:
1. 定义一个函数表达式,例如:
```less
.my-function (@param) {
color: @param;
}
```
2. 在需要调用函数的地方使用函数名加括号的方式调用:
```less
.my-class {
.my-function(red);
}
```
3. 可以在函数表达式中使用if语句等逻辑控制语句,例如:
```less
.my-function (@param) {
@is-red: @param == red;
@color: if(@is-red, green, blue);
color: @color;
}
```
4. 函数表达式可以接收多个参数,例如:
```less
.my-function (@param1, @param2) {
background-color: @param1;
color: @param2;
}
```
5. 在调用函数时需要按照函数表达式定义的参数顺序传递参数,例如:
```less
.my-class {
.my-function(red, white);
}
```
阅读全文