使用vue3写的一个通用颜色选择器
目前实现了一个类chrome颜色选择器,下一步将写一个类figma颜色选择器。大致效果图👇:
- 安装
npm install @wh-chen/color-picker
or
yarn add @wh-chen/color-picker
- 全局使用
import { createApp } from 'vue'
import App from './App.vue'
const app = createApp(App);
import colorPicker from '@wh-chen/color-picker';
app.use(colorPicker);
app.mount('#app');
- 按需使用
<script setup>
import { ref } from 'vue';
import { ChromeColorPicker } from '@wh-chen/color-picker';
const color = ref('#ffffff');
</script>
<template>
<div>
<ChromeColorPicker v-model="color"/>
</div>
</template>