Skip to content

颜色选择

template
  <g-color-picker v-model=""  size="medium" />

TIP

v-model不能为null或undefined

可以根据 allowImg allowInherit来选择颜色选择器的类型

ts
defineProps({
    // 尺寸
  size: {
    type: String as PropType<'small' | 'medium' | 'large'>,
    default: 'small',
  },
//   标签
  label: {
    type: String,
    default: '',
  },
 // 宽度 calc(50% - 8px)
  inline: {
    type: [Boolean, String],
    default: false,
  },
  // 是否允许图片
  allowImg: {
    type: Boolean,
    default: false,
  },
//   选择类型
  allowType: {
    type:String as PropType< 'pure' | 'gradient' | 'both'>,
    default: 'both',
  },
  // 支持继承
  allowInherit: {
    type: Boolean,
    default: false,
  },
})