前端vue 实现取色板 的选择

大概就是这样的

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

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

我直接上代码了

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

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

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

相关推荐
Mapmost2 分钟前
零代码+三维仿真!实现自然灾害的可视化模拟与精准预警
前端
程序猿_极客9 分钟前
JavaScript 的 Web APIs 入门到实战全总结(day7):从数据处理到交互落地的全链路实战(附实战案例代码)
开发语言·前端·javascript·交互·web apis 入门到实战
suzumiyahr11 分钟前
用awesome-digital-human-live2d创建属于自己的数字人
前端·人工智能·后端
萧曵 丶24 分钟前
Python 字符串、列表、元组、字典、集合常用函数
开发语言·前端·python
申阳27 分钟前
Day 10:08. 基于Nuxt开发博客项目-关于我页面开发
前端·后端·程序员
拉不动的猪31 分钟前
Webpack 与 Rollup 中 Tree-shaking 的实现原理与效果
前端·webpack·rollup.js
林太白32 分钟前
跟着TRAE SOLO学习两大搜索
前端·算法
yunyi33 分钟前
使用go的elastic库来实现前后端模糊搜索功能
前端·后端
一枚前端小能手34 分钟前
2618. 检查是否是类的对象实例(JavaScript)
前端·javascript
倚肆1 小时前
CSS中transition属性详解
前端·css