当前位置: 首页 > article >正文

vue3 选择字体的颜色,使用vue3-colorpicker来选择颜色

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


http://www.kler.cn/a/319078.html

相关文章:

  • 鸿蒙next版开发:相机开发-适配不同折叠状态的摄像头变更(ArkTS)
  • MySQL的SQL书写顺序和执行顺序
  • 数字后端教程之Innovus report_property和get_property使用方法及应用案例
  • 探索Pillow库:Python图像处理的瑞士军刀
  • 一文详解java的数据类型
  • 动态规划 —— 子数组系列-最大子数组和
  • Spring Boot集成LiteFlow使用详解
  • 【可变模板参数】
  • DS18B20温度传感器模块
  • Day29笔记-Python操作pdfPython发送邮件
  • 广州C++信奥赛老师解一本通题 1389:亲戚
  • llamafactory0.9.0微调qwen2.5
  • Docker 教程:如何查看容器的最后 300 行实时日志
  • Hi.Events —— 您的全方位活动管理与票务平台
  • 几乎跪着读完这本Transformer经典神书,震撼到爆!!
  • 什么是自然语言处理
  • set的使用
  • 插入、更新与删除MySQL记录
  • 【Linux】快速上手shell脚本(适合初学者)
  • 最优化理论与自动驾驶(十一):基于iLQR的自动驾驶轨迹跟踪算法(c++和python版本)
  • 精益六西格玛管理实践中如何保证小组成员的稳定性?
  • Spring定时任务 - @Scheduled注解详解
  • IDEA相关设置总结
  • (11)iptables-仅开放指定ip访问指定端口
  • 飞腾平台perf工具PMU事件集成指南
  • 一分钟掌握 Java15 新特性