uniapp颜色选择器插件

谁借莪１个温暖的怀抱￠ 2022-12-01 05:19 589阅读 0赞

### 颜色选择器 ###

*  地址

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 });
                    }
                }
            },

发表评论取消回复

表情：

评论列表（有 0 条评论，589人围观）

还没有评论，来说两句吧...

相关阅读

相关【elementui】颜色选择器

> `前言` element-ui 2.x中的颜色选择器，预定义模式中最后一个元素无法选中 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5

心已赠人/ 2022年12月21日 00:50/ 0 赞/ 409 阅读

相关 uniapp颜色选择器插件

颜色选择器地址 https://ext.dcloud.net.cn/plugin?id=403 导入 / 颜色选择器 / im

谁借莪１个温暖的怀抱￠/ 2022年12月01日 05:19/ 0 赞/ 590 阅读

相关 uniapp滚动选择器 picker

从底部弹起的滚动选择器 picker > 支持五种选择器, 通过mode来区分, 分别是普通选择器(selector), 多列选择器(multiSelector), 时间

小鱼儿/ 2022年11月27日 02:00/ 0 赞/ 722 阅读

相关 uniapp滑动选择器 slider

滑动选择器 slider 属性说明 1. min: 最小值 2. max: 最大值 3. step: 步长, 取值必须大于0, 并且可被(max - min)整除

水深无声/ 2022年11月27日 01:59/ 0 赞/ 546 阅读

相关颜色选择器

安装 npm install vcolorpicker -S 引入 import vcolorpicker from 'vcolorpicker'

分手后的思念是犯贱/ 2022年11月20日 09:53/ 0 赞/ 198 阅读

相关 11个JavaScript颜色选择器插件

几年前，很难找到一个合适的颜色选择器。正好看到很多不错的JavaScript颜色选择器插件，故而把这些编译汇总。在本文，Web设计师和开发人员 Kevin Liew 选取了11

「爱情、让人受尽委屈。」/ 2022年09月22日 11:53/ 0 赞/ 304 阅读

相关 uniapp-城市选择插件

下载地址https://ext.dcloud.net.cn/plugin?id=115 使用： 1.将这5个文件夹放入component目录下 ![在这里插入图片描

电玩女神/ 2022年02月14日 01:54/ 0 赞/ 923 阅读

相关时间选择器插件

开发工具与关键技术：vs与jquery 作者：戴怡斌撰写时间：2019年5月25日时间插件在设置页面和设置软件的时候运用特别

喜欢ヅ旅行/ 2022年01月26日 07:11/ 0 赞/ 478 阅读

相关 uni-app 颜色选择器（插件分享）

插件地址：[https://ext.dcloud.net.cn/plugin?id=403][https_ext.dcloud.net.cn_plugin_id_403]

我不是女神ヾ/ 2021年12月10日 08:41/ 0 赞/ 866 阅读

相关 uniapp原生插件开发

前言：看这一系列文章你需要了解：uniapp开发，`android开发`或者`ios开发`，之所以说或者，是因为android插件开发流程和ios开发流程大体一致，只是

客官°小女子只卖身不卖艺/ 2021年10月01日 12:20/ 0 赞/ 589 阅读