## @import引入外部样式 ``` @import "~@/assets/style/global.scss"; .item{ @include flexCenter; } ``` ``` @mixin flexCenter{ display:flex; align-items: center; } $colors:( bg:#00bcd4, text-color:#333, primary:#00bcd4, ); @function color($key){ @if map-has-key($colors,$key){ @return map-get($colors,$key); } @warn "Unknow `#{$key}` in $colors"; @return null; } ```