混合宏傳參數(shù)過(guò)多時(shí)
混合宏傳參數(shù)過(guò)多時(shí)，是括號(hào)里有多個(gè)參數(shù)需要傳，還是只有一個(gè)參數(shù)，這個(gè)參數(shù)的值比較多
慕瓜6584756
2018-07-05
2 回答
舉報(bào)
0/150
提交
取消
2018-07-16
第一種是@mixin size($width,$height)，調(diào)用時(shí)傳參的是@include size(500px,300px);
第二種是@mixin size($width...)，調(diào)用傳參的方法有@include size(500px 300px)和@include size(500px,300px)，表示一個(gè)參數(shù)里有多個(gè)值，這里編譯之后的表現(xiàn)形式是width:500px 300px和width:500px,300px。
如果是使用@include size(500px,300px)調(diào)用給同一個(gè)參數(shù)的話(huà)，是必須使用@mixin size($width...)這樣的形式，不然會(huì)編譯錯(cuò)誤，而@include size(500px 300px)則不用加省略號(hào)，用@mixin size($width)也能正確編譯。
2018-07-16
使用@mixin size($width...)時(shí)，不能有第二個(gè)參數(shù)，也就是$height，如果想要擁有多個(gè)參數(shù)，而某一個(gè)參數(shù)又有多個(gè)參數(shù)的話(huà)，可以使用：
@mixin size($width,$height){
? width: $width;
? height: $height;
}
.box-center {
? @include size(500px 300px,100px);
}
如果在500px和300px之間加逗號(hào)，或者某個(gè)參數(shù)后帶...，均會(huì)編譯錯(cuò)誤