更新记录

1.0.1(2020-07-09)

优化性能,优化代码

1.0.0(2020-07-09)

发布~! 支持初始化颜色、自适应容器大小方便自定义开发、返回hex、rgba/rgb两种颜色格式。


平台兼容性

支持初始化颜色、自适应容器大小方便自定义开发、返回hex、rgba/rgb两种颜色格式。

属性/事件列表:

属性/事件 必填 默认 功能
color '' 初始化picker的颜色
show true 控制picker显示隐藏
@pickerColor null 取色器发生取色动作触发,返回两种颜色格式:{hex: '#ff0000', rgb: 'rgb(255, 0, 0)'}

Demo:


// 这里演示在uni-modal中显示color-picker,color-picker支持自适应容器
<uni-modal>
    <div class="uni-mask"></div>
    <div class="uni-modal" style="padding: 20rpx;">
    <color-picker :show='true' :color="color" @pickerColor="pickerColor"></color-picker>
    <div class="actions">
        <i class="iconfont icon-del"></i>
        <i class="iconfont icon-yes"></i>
    </div>
    </div>
</uni-modal>

import colorPicker from "../../components/colorPicker";

export default {
  components: { colorPicker },
  data() {
    return {
      color: '#123456f0'
    };
  },
  methods: {
    pickerColor(color) {
      this.color = color.hex
    }
  }
};

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问