1234567891011121314151617181920212223242526 |
- import {utilsTo} from "vue-utils-plus"
- const { toColor } = utilsTo()
- //设置主色调
- export const setMainColor = (color) => {
- color = color ?? '#1ECC95'
- const el = document.documentElement
- el.style.setProperty('--el-color-primary', color)
- // 设置 css 渐变 变量
- const numArr = [3,5,7,8,9]
- numArr.forEach(item => {
- let amount = 0
- if (item === 3) {
- amount = 0.9
- } else if (item === 5) {
- amount = 0.7
- } else if (item >= 7) {
- amount = amount = (10 - item) / 10
- }
- const val = toColor('#FFFFFF', color , amount)
- el.style.setProperty(`--el-color-primary-light-${item}`, val)
- })
- //生成深主色颜色
- const val = toColor('#000000', color , 0.9)
- el.style.setProperty('--el-color-primary-dark-2', val)
- }
|