前端vue 实现取色板 的选择

大概就是这样的

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

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

我直接上代码了

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

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

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

相关推荐
Reuuse11 分钟前
【vue3实现微信小程序】从轮播图到公告栏的前端开发之旅
前端·vue.js·微信小程序
nameofworld17 分钟前
前端面试笔试(五)
开发语言·前端·javascript·面试·递归
l_tian_tian_36 分钟前
JavaWeb——Ajax、Element、打包部署
前端·javascript·ajax
moskidi38 分钟前
Web day02 Js & Vue & Ajax
前端·javascript·vue.js
星月昭铭38 分钟前
浏览器控制台中使用ajax下载文件(没有postman等情况下)
前端·chrome·ajax·postman
花下的晚风40 分钟前
vue3 发送 axios 请求时没有接受到响应数据
前端·javascript·vue.js
盏灯1 小时前
🏆🚀🎉前端开发,实现头像从圆圈⭕️伸出来的效果🕳
前端·css
天农学子1 小时前
elementui el-input修改字体样式
前端·javascript·css·elementui
Sword991 小时前
【ThreeJs原理解析】第3期 | 射线检测Raycaster实现原理
前端·three.js·源码阅读
布兰妮甜2 小时前
Zustand:一个轻量级的React状态管理库
前端·react.js·zustand