ph-colorpicker

vue-template

Project setup

npm install

install

npm i ph-colorpicker

Compiles and minifies for production

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import ColorPicker from './components/index'
createApp(App).use(ColorPicker).mount('#app')


//子组件
const {left,top,height,width} = (e.target as HTMLElement).getBoundingClientRect() as any
this.$phColorPicker("#ff00ff",{
    left,
    top,
    height,
    width,
    preshow:true,//是否显示预定义颜色区域
    precolors:["#ff0","#f0f","#00f"] //预定义颜色
}).done((v:string)=>{
    // emit("pick",v)
    console.log(v)
    color.value = v
})

Lints and fixes files

npm run lint