问答详情
源自:4-10 [Sass]混合宏的参数--传一个不带值的参数

Sass中混合宏的参数--传一个不带值的参数 有什么意义?

@mixin border-radius($radius){
 -webkit-border-radius: $radius;
 border-radius: $radius;
}

.box {
 @include border-radius(3px);
}

提问者:么苏 2016-11-09 14:40

个回答

  • 洋葱宝宝
    2017-04-30 21:15:46

    你也可以传一个带值的参数

    @mixin border-radius($radius:5px){
     -webkit-border-radius: $radius;
     border-radius: $radius;
    }
    .box {
     @include border-radius(3px);
    }
    .box1 {
     @include border-radius;
    }


  • 悦风
    2016-11-09 18:33:04

    可以在调用混合宏的时候,自己设置所需的参数值

  • __End
    2016-11-09 18:29:23

    在下面的.box使用的时候调用宏,相当于设置

    .box {
     @include border-radius(3px);
    }

    编译出来的就是:

    .box {
     -webkit-border-radius: 3px;
     border-radius: 3px; }