uniapp颜色选择器插件

颜色选择器

• 地址

https://ext.dcloud.net.cn/plugin?id=403

• 导入

/* 颜色选择器 */
import pickerColor from '@/components/helang-pickerColor/helang-pickerColor.vue';

• 使用

<!-- 拾色器 -->
        <picker-color :isShow="showPickerColor" :bottom="0" @callback="getPickerColor" />

  /* 显示获取颜色选择弹窗 */
        showPickerColorPop(type) {
            this.showPickerColor = true;
            this.type = type;
        },
        /* 获取颜色选择回调 */
        getPickerColor(color) {
            /* 隐藏弹窗 */
            this.showPickerColor = false;
            /* 判断颜色值是否有效 */
            if (color) {
                if (this.type === 1) {
                    this.foregroundColor = color; // 设置前景色
                    this.make({ backgroundColor: this.backgroundColor, foregroundColor: this.foregroundColor, text: this.generateText });
                } else {
                    this.backgroundColor = color; // 设置背景色
                    this.make({ backgroundColor: this.backgroundColor, foregroundColor: this.foregroundColor, text: this.generateText });
                }
            }
        },