$color-primary: #108ee9;$color-danger: #d9534f;@each $c in primary, danger { .btn-#{$c} { border-color: $color-#{$c}; background-color: $color-#{$c}; color: #ffffff; }}上述代碼根據當前類型，獲取不同的變量，編譯時報錯。如果變量名的一部分為變量，需要怎么處理?
1 回答
牛魔王的故事
TA貢獻1830條經驗 獲得超3個贊
印象中沒有這種用過，也查了相關資料也發現 ~。~ ，不過這樣這樣做
$colors: (
primary: #108ee9,
danger: #d9534f
);
@each $c in primary, danger {
.btn-#{$c} {
border-color: map-get($colors, $c);
background-color: map-get($colors, $c);
color: #ffffff;
}
}
- 1 回答
- 0 關注
- 1614 瀏覽
添加回答
舉報
0/150
提交
取消