<template>
   <div class="w-[160px] mt-[50px] ml-[20px] ">
        <ColorPicker @register="register" v-model:value="color">
       </ColorPicker>
   </div>
</template>
<script>
   import {ColorPicker,useColor} from 'color-picker-plus';
   const color= ref()
    const[register]=useColor({
       type:'hsl', //类型，在下面props里面有说明
       usuallyColorBlock:['#FF0000', '#55FF00', '#0015FF'], //常用的色块
       defaultColor:'#f50' //默认选中颜色 可以为color
    )
</script>