插值怎么用
$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里的兩個參數到底什么意思,傳三個就不行,到底是怎么用
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; }
?不過我這個寫法沒啥意義
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
至于三個沒工具沒法測試 可以試著 定義一個有三個變量的函數 調用一下測試?