$colors: ( 'blue': ( -13: #FFFFFF, -6: #ECF5FF, -5: #FBFBFB, // -4: #E0E9F5, // 表单header颜色 -3: #a0cfff, // element color-primary disabled、滑块el-switch -2: #66b1ff, // element color-primary hover -1: #66B1FF, 0: #2B5CFD, // 标准颜色 1: #409EFF, // element color-primary 2: #3a8ee6, // element color-primary active 3: #2196F5, 4: #09F, 13: #000, ), 'purple': ( -2: #8f6480, -1: #7f6480, 0: #7f3580, 1: #80047e ), 'red': ( -13: #FFFFFF, -6: #ECF5FF, -5: #FBFBFB, // -4: #f5dfdb, // 表单header颜色 -3: #ffddbc, // -2: #ffc0c0, -1: #ffb0b0, 0: #ff5a5d, 1: #ff5d69, // element color-primary 2: #ff3520, // element color-primary hover 3: #e62406, // element color-primary active 4: #ff101a, 13: #000, ), 'green': ( -13: #FFFFFF, -6:#ebfaf1, -5: #e8f9ef, //background-color: -4: #e0f5e3, // 表单header颜色 -3: #8be0ad, // element color-primary disabled、滑块el-switch -2: #45cd7c, // element color-primary hover -1: #41c376, //未使用 0: #17c05b, //标准颜色 1: #17c05b, // element color-primary 2: #15ad52, // element color-primary active 3: #14a14c, //未使用 4: #129446, //未使用 13: #000, ) ); :export { color-blue: join(map-get($colors, 'blue'), ()); color-purple: join(map-get($colors, 'purple'), ()); color-red: join(map-get($colors, 'red'), ()); color-green: join(map-get($colors, 'green'), ()); }