前端vue 实现取色板 的选择

大概就是这样的 

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

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

我直接上代码了

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

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

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

相关推荐

  1. Vue如何实现自定义组件改变组件背景

    2024-07-10 14:28:01       40 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-10 14:28:01       66 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-10 14:28:01       70 阅读
  3. 在Django里面运行非项目文件

    2024-07-10 14:28:01       57 阅读
  4. Python语言-面向对象

    2024-07-10 14:28:01       68 阅读

热门阅读

  1. Transformer模型论文解读、源码分析和项目实践

    2024-07-10 14:28:01       20 阅读
  2. python:使用openpyxl模块处理excel

    2024-07-10 14:28:01       18 阅读
  3. pg数据库时间比较

    2024-07-10 14:28:01       22 阅读
  4. C# 枚举的定义及使用

    2024-07-10 14:28:01       26 阅读
  5. Prompt Engineering 探险

    2024-07-10 14:28:01       23 阅读
  6. 机器学习之神经网络

    2024-07-10 14:28:01       28 阅读
  7. Lianwei 安全周报|2024.07.09

    2024-07-10 14:28:01       20 阅读