Skip to content

无参方法

  1. 通过 .方法名(){} 定义方法

  2. .less 文件

    less
    .box(){
        color: red;
        font-size: 20px;
    }
    .app {
        .box();
    }
  3. 编译后的 .css 文件

    .app {
      color: red;
      font-size: 20px;
    }

默认参数

  1. 默认参数是指在方法定义时,形参直接赋默认值,和 JS 差不多。

  2. .less 文件

    less
    .box1(@size: 1px,@type: solid,@color: red){
        color: @color;
        border: @arguments;
    }
    .app {
        .box1();
    }
  3. 编译后 .css

    css
    .app {
      color: red;
      border: 1px solid red;
    }
  4. @arguments 表示所有参数。

传递实参

  1. 实参会替代默认参数的值,一一对应。

  2. .less

    less
    .box2(@size: 1px,@type: solid,@color: red){
        color: @color;
        border: @arguments;
    }
    .app {
        .box2(2px,dashed,pink);
    }
  3. .css

    css
    .app {
      color: pink;
      border: 2px dashed pink;
    }

基于 MIT 许可发布