更新记录

1.0.1（2024-08-10） 下载此版本

增加isObjectResult属性，为true时返回的结果为object格式 修复颜色值输入错误格式点击确定也会返回结果的问题

1.0.0（2024-05-24） 下载此版本

• 初次上传

平台兼容性

颜色选择器

组件名：yq-color-picker

介绍

本组件采用的调色模式为hsl，可直接输出hex、rgb、hsl格式的颜色字符串，使用方法非常简单。 视图层控制采用了wxs，在APP和小程序上运行也是非常丝滑。 目前仅支持pc、H5、App-vue、微信小程序、支付宝小程序和抖音小程序。
由于平时工作基本不需要适配到其他平台，所以毁灭吧，我累了~~~
有需求的宝子们，可以用color.js里面的API自行封装吧

基本用法

在 template 中使用组件

<view>
    <yq-color-picker :color="color" @confirm="confirm"></yq-color-picker>
</view>

通过方法打开选择器

<view>
    <yq-color-picker ref="colorPicker" @confirm="confirm" />
     <button @click="open">打开选择器</button>
</view>

通过插槽的方式打开选择器

<view>
    <yq-color-picker @confirm="confirm" >
        <button>打开选择器</button>
    </yq-color-picker>
</view>

Script

export default {
    data() {
        return {};
    },
    methods: {
        open(){
            this.$refs.colorPicker.open();
        },
        confirm(e) {
            console.log(e);
        }
    }
};

• 其他用法参考使用示例

API

ColorPicker Props

ColorPicker Events

ColorPicker Methods