zoukankan      html  css  js  c++  java
  • react-color 颜色选择器组件

    demo链接:github demo

    安装: npm install react-color --save

    有一下几种类型组件

    <AlphaPicker /> <BlockPicker /> <ChromePicker/> <CirclePicker /> <CompactPicker /> <GithubPicker /> <HuePicker/> <MaterialPicker /><PhotoshopPicker /> <SketchPicker/> <SliderPicker/> <SwatchesPicker/>  <TwitterPicker/>

    公有的组件API:

    color 控制颜色选择器上的当前选中颜色,用来进行初始化颜色,或者用来保持父子组件颜色一致

    onChange 修改颜色时触发。每次修改颜色都会传递一个函数来调用。他将被频繁调用。如果你只是想获得最后的选中颜色,使用 onChangeComplete 即可

    onChangeComplete 颜色更改完成后触发,这时就可以保持父子组件颜色同步

    私有的组件API:(某些特定组件才有的API)

    colors 组件的默认颜色数组。通过他可以在多选的颜色组件中进行默认配置

    根据项目中的使用情况,后面会继续记录

  • 相关阅读:
    Node.js 0.12: 正确发送HTTP POST请求
    pm2 常用命令
    IntelliJ IDEA Configuring projects
    socket.io入门整理教程
    幂等函数
    Linux 下 ps 命令
    Linux 下 tail 命令
    Linux下chmod命令
    Linux下ll命令与ls -l
    Thrift——初学
  • 原文地址:https://www.cnblogs.com/z-one/p/9273563.html
Copyright © 2011-2022 走看看