当前位置: 首页 > 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/news/319078.html

相关文章:

  • 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 新特性
  • StringReader 使用 JAXB自动将 XML 数据映射到 Java 对象
  • Nginx 限流实战教程和技巧
  • Vue3 Day7-全局组件、指令以及pinia
  • uniapp app 端通过webview引入外部 js , webview 与 app 通信
  • spring-boot-maven-plugin插件打包和java -jar命令执行原理
  • [研发工具箱] 系列3.机电类常用的分类网站
  • Android开发拍身份证带人像框和国徽框效果
  • Spring 全家桶使用教程
  • 问题:机器字长为n位的二进制数可以用补码来表示()个不同的有符号定点整数。
  • oracle 数据库中的异常和游标管理