// TODO 暂时不需要 class ,需要用户使用变量实现 ,如果使用类名其实并不推荐 // @mixin get-styles($k,$c) { // @if $k == size or $k == weight{ // font-#{$k}:#{$c} // }@else{ // #{$k}:#{$c} // } // } $uni-ui-color:( // 主色 primary: $uni-primary, primary-disable: $uni-primary-disable, primary-light: $uni-primary-light, // 辅助色 success: $uni-success, success-disable: $uni-success-disable, success-light: $uni-success-light, warning: $uni-warning, warning-disable: $uni-warning-disable, warning-light: $uni-warning-light, error: $uni-error, error-disable: $uni-error-disable, error-light: $uni-error-light, info: $uni-info, info-disable: $uni-info-disable, info-light: $uni-info-light, // 中性色 main-color: $uni-main-color, base-color: $uni-base-color, secondary-color: $uni-secondary-color, extra-color: $uni-extra-color, // 背景色 bg-color: $uni-bg-color, // 边框颜色 border-1: $uni-border-1, border-2: $uni-border-2, border-3: $uni-border-3, border-4: $uni-border-4, // 黑色 black:$uni-black, // 白色 white:$uni-white, // 透明 transparent:$uni-transparent ) !default; @each $key, $child in $uni-ui-color { .uni-#{"" + $key} { color: $child; } .uni-#{"" + $key}-bg { background-color: $child; } } .uni-shadow-sm { box-shadow: $uni-shadow-sm; } .uni-shadow-base { box-shadow: $uni-shadow-base; } .uni-shadow-lg { box-shadow: $uni-shadow-lg; } .uni-mask { background-color:$uni-mask; }