更新记录

1.0.0（2024-05-24）

• 初次上传

平台兼容性

颜色选择器

组件名：yq-color-picker

介绍

本组件采用的调色模式为hsl，可直接输出hex、rgb、hsl格式的颜色字符串，使用方法非常简单。 视图层控制采用了wxs，在APP和小程序上运行也是非常丝滑。 目前仅支持pc、H5、App-vue、微信小程序、支付宝小程序、百度小程序和QQ小程序,后续还会继续适合更多平台

基本用法

在 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>

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

API

ColorPicker Props

ColorPicker Events

ColorPicker Methods