🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
#### 1.3.3 传多个不带值得参数 **注意:当多个样式,值都不相同时,声明时,参数需要不同的变量名,调用()括号里书写的值,要已逗号分开,从左到右的值分别是混合宏声明中参数从左到右的值。当有几个变量名时,则需要在调用的()括号写上几个值,不然会报错** 列1:sass样式 ~~~ @mixin margin($margin1,$margin2,$padding1){ margin-top:$margin1; margin-left:$margin2; padding-left:$padding1; } .demo4{ @include margin(5px,10px,30px) } ~~~ 转换成css样式 ~~~ .demo4 { margin-top: 5px; margin-left: 10px; padding-left: 30px; } ~~~ 列2:sass样式 ~~~ @mixin center($width,$height){ width: $width; height: $height; position: absolute; top: 50%; left: 50%; margin-top: -($height) / 2; margin-left: -($width) / 2; } .box-center { @include center(500px,300px); } ~~~ 转化成css样式 ~~~ .box-center { width: 500px; height: 300px; position: absolute; top: 50%; left: 50%; margin-top: -150px; margin-left: -250px; } ~~~