tools.js 836 B

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