插值怎么用

$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

關注問題我要回答

1348

操作

收起

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
至于三個沒工具沒法測試可以試著定義一個有三個變量的函數調用一下測試?