插值怎么用

$pro: (max,min,line); @mixin height($set,$value){ @each $pr in $pro { #{$pr}-#{$set}: $value; } } .box{ @include height(height,200px); } 编译后：.box { max-height: 200px; min-height: 200px; line-height: 200px; } 我就想知道@mixin里的两个参数到底什么意思，传三个就不行，到底是怎么用

xiangxiangw29

2017-09-06

源自：Sass入门篇 4-17

关注问题我要回答

1263

操作

收起

2 回答

kunkka_l
2017-09-08

$pro: (max,min,line); @mixin height($set,$value,$value2)

{

@each $pr in $pro

{

#{$pr}-#{$set}: $value+$value2;

}

.box{ @include height(height,200px,50); }
经过测试可行结果是

.box {

max-height: 250px;

min-height: 250px;

line-height: 250px; }

不过我这个写法没啥意义

0 回复有任何疑惑可以回复我~

收起回答

kunkka_l
2017-09-08

$pro: (max,min,line); 就是一个数组，数组里面是需要的属性如果只需要max-height 则可以写为$pro: (max)
@mixin height($set,$value) 定义一个函数 $set 是键 $value 是值
height(height,200px)；调用函数(键是 height 值是200) 如果改为 height(width,200px)；编译后的结果就是 max-width:200px
min-width:200px line-height:200px
至于三个没工具没法测试可以试着定义一个有三个变量的函数调用一下测试