wangbd-myui/ui/lib/dv/mixins/Color.js

MY前端基础框架核心组件库

import {getRgbaValue} from '../utils/color'

export default {
  props: {
    // 主色
    color: {
      type: String,
      default() {
        return this?.page?.settings?.color || '#1de2ff'
      }
    }
  },
  computed: {
    dark() {
      const color = this.color
      const colorArray = getRgbaValue(color)
      colorArray[3] = 0.3
      return `rgba(${colorArray.join(',')})`
    },
    light() {
      const color = this.color
      const colorArray = getRgbaValue(color)
      colorArray[3] = 0.6
      return `rgba(${colorArray.join(',')})`
    }
  }
}