前端vue 实现取色板 的选择

大概就是这样的

一般的web端框架 都有自带的 的 比如 ant-design t-design 等 前端框架 都是带有这个的

如果遇到没有的我们可以自己尝试开发一下 简单 的 肯定比不上人家的 但是能用 能看 说的过去

我直接上代码了

其实这个取色板 就是一个input type 是color 的input

所以我们现在就是使用这个就可以 有个 @input 事件 在这里我们可以在e.target.value中取到颜色

然后 根据自己框架中的全局颜色 把他修改了就行了

相关推荐
万少12 分钟前
第五款 HarmonyOS 上架作品 奇趣故事匣 来了
前端·harmonyos·客户端
OpenGL18 分钟前
Android targetSdkVersion升级至35(Android15)相关问题
前端
rzl0233 分钟前
java web5(黑马)
java·开发语言·前端
Amy.Wang35 分钟前
前端如何实现电子签名
前端·javascript·html5
今天又在摸鱼37 分钟前
Vue3-组件化-Vue核心思想之一
前端·javascript·vue.js
蓝婷儿39 分钟前
每天一个前端小知识 Day 21 - 浏览器兼容性与 Polyfill 策略
前端
百锦再41 分钟前
Vue中对象赋值问题:对象引用被保留,仅部分属性被覆盖
前端·javascript·vue.js·vue·web·reactive·ref
jingling5551 小时前
面试版-前端开发核心知识
开发语言·前端·javascript·vue.js·面试·前端框架
拾光拾趣录1 小时前
CSS 深入解析:提升网页样式技巧与常见问题解决方案
前端·css
莫空00001 小时前
深入理解JavaScript属性描述符:从数据属性到存取器属性
前端·面试