更新记录

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协议
210***@qq.com

2023-08-03

在app上会有bug,不应该使用ref选取元素;应该使用uniapp官方的选取元素的方法,其次就算修复,也存在其他bug,估计只能从头再捋一遍。

504***@qq.com

2022-07-03

感谢作者,因为自己在app环境使用 有些bug 所以小改了下 也发布到市场了 已注明来源于此

359***@qq.com

2021-10-22

多次快速点击动画不流畅,因为active setimeout 500ms才把show 关闭,计时器没清除导致,建议修改成vue transition 动画,去除active属性

452***@qq.com

2021-09-12

位置偏了啊,怎么解决

ser***@lln.kim

2021-06-26

引入后没反应

程序员SUMER

2020-09-14

牛逼,有没有根据图片取色的?

641***@qq.com 2020-09-14

这个真没有

mr_***@163.com

2020-09-03

getBoundingClientRect' of undefined,这个东西我吧里面的v-if去掉了还是会这样报错怎么整

641***@qq.com 2020-09-03

抱歉还没有在小程序测试过,应该和楼上的一个问题,你可以先自行调试下,看看是获取不到还是只是获取时机的问题

857***@qq.com

2020-07-21

导入后在微信小程序打开报错,typeError: Cannot read property 'getBoundingClientRect' of undefined,如何解决捏?

641***@qq.com 2020-07-21

这个是$refs.slider未加载的情况,可以结合页面调用情况调整下这段代码的执行时机。 比如去掉v-if="show"这个逻辑改由调用的组件判断或者改成v-show也行。

2022-11-21

我用uniapp做的小程序上引用了这个插件,运行到浏览器是正常的,能获取到颜色。安卓真机调试的时候,颜色获取不到,显示undefined