前端vue 实现取色板 的选择

大概就是这样的

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

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

我直接上代码了

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

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

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

相关推荐
岭子笑笑30 分钟前
vant 4 之loading组件源码阅读
前端
hxmmm34 分钟前
自定义封装 vue多页项目新增项目脚手架
前端·javascript·node.js
ETA834 分钟前
JS执行机制揭秘:你以为的“顺序执行”,其实是V8引擎在背后搞事情!
前端·javascript
鹏北海-RemHusband35 分钟前
微前端实现方式:HTML Entry 与 JS Entry 的区别
前端·javascript·html
瘦的可以下饭了1 小时前
3 链表 二叉树
前端·javascript
我那工具都齐_明早我过来上班1 小时前
WebODM生成3DTiles模型在Cesium地图上会垂直显示问题解决(y-up-to-z-up)
前端·gis
粉末的沉淀1 小时前
jeecgboot:electron桌面应用打包
前端·javascript·electron
1024肥宅1 小时前
浏览器相关 API:DOM 操作全解析
前端·浏览器·dom
烟西1 小时前
手撕React18源码系列 - Event-Loop模型
前端·javascript·react.js