1、有的时候我们会用到颜色的选择器,像element-plus提供了,但是ant-design-vue并没有:
这个暂时没有看到:
但是Ant Design 5的版本有,应该不是vue的。
2、使用第三方提供的vue3-colorpicker:@storybook/cli - Storybook GitHub - haixin-fang/vue3-colorpicker: 基于vue3实现的颜色选择器 , 支持线性渐变和经向渐变. very beautiful color picker, supports input and output of multiple color formats, and supports gradient color selection.
3、安装并使用:
这里只是局部的使用:
import { ColorPicker } from 'vue3-colorpicker';
import 'vue3-colorpicker/style.css';
<ColorPicker
v-model:pureColor="fontcolor"
placeholder="字体颜色"
style="width: 100%"
size="small"
/>
官方的事例:
<color-picker v-model:pureColor="pureColor" v-model:gradientColor="gradientColor" v-model="gradientData"/>
4、显示效果:
效果还不错,也有其它的比如 colorpicker-vue3,这个2年前维护的。有兴趣也可以看看。
还有 Vite AppGitHub - zuley/vue-color-picker: Vue 颜色选择器插件 Vite App