时尚网站建设深圳市 网站建设450

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';

<ColorPickerv-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