MDUI多主题调色盘

所属分类:输入,UI-拾色器,布局

 30508  336  查看评论 (1)
分享到微信朋友圈
X
MDUI多主题调色盘 ie兼容10

更新时间:2019-02-06 20:46:14

更新说明:重新写了一个圆盘构造器,生成的圆盘没有旧版本的小瑕疵:阴影被其它色块覆盖。

使用了更合理的事件代码,使其它开发者(包括自己)可以更快速的理解并修改。

预览时预览框内按钮会显示强调色,而不是旧版的主色,接近Material Design规范。


MDUI是个很棒的前端框架,它支持多种配色主题。但是,即使是MDUI的官网,主题切换器也十分的简陋,仅仅是单选而已。
但是有了这个调色盘的存在,主题的切换变得更加容易了,同样,你还可以稍加修改让它把主题数据存储在localStorage里,或者上传到服务器里。
调色盘从MDL官网上拷贝下来,然后对样式进行修改,使其兼容响应式,在点击时还会将选择的颜色输出到console。
而且在选择后还支持先预览,再点击应用按钮保存(如要自动保存请自行修改)。
总之,喜欢就好啦~有BUG也可以和我说= ̄ω ̄=

相关插件-拾色器,布局

WEB颜色选择器

WEB颜色选择器可以基于网页格式选择颜色色值的方法.
  拾色器
 52255  360

js拾色器插件colorpicker.js

原生JS实现的拾色器
  拾色器
 34890  242
  拾色器
 30001  296

jQuery颜色选择插件evol.colorpicker

一个简单的颜色选择工具evol.colorpicker,使用jquery开发
  拾色器
 32320  334

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Palpitate 0
    2021/11/24 18:02:07
    这个我有点没搞明白,为什么会显示1和2,而且主题颜色是怎么选出来的
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复