| New file | 
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // 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; | 
|---|
|  |  |  | } | 
|---|