平台兼容性

picker-color 颜色选择器

使用方式：

在 script 中引用组件

import pickerColor from "@/components/helang-pickerColor/helang-pickerColor.vue"
export default {
    components: {
        "picker-color":pickerColor,
    },
    data() {
        return {
            buttonColor:"#0099FF",
            showPickerColor:false,
            bottomPickerColor:0
        }
    },
    methods: {
        /* 显示获取颜色选择弹窗 */
        showPickerColorPop(){
            this.showPickerColor=true;
        },
        /* 获取颜色选择回调 */
        getPickerColor(color){
            /* 隐藏弹窗 */
            this.showPickerColor=false;
            /* 判断颜色值是否有效 */
            if(color){
                this.buttonColor=color;
                console.log('选择的颜色值是：'+color);
            }
        }
    }
}

在 template 中添加组件

<picker-color :isShow="showPickerColor" :bottom="0"  @callback='getPickerColor' />

属性说明：

事件说明：

友情提示：

1. 当前项目源码使用了 ES6 和 scss 请添加运行依赖
2. [插件ZIP]只包含模板文件和数据文件，不包含项目运行依赖（如 pages.json）
3. [示例项目ZIP]是完整的项目文件，可下载后导入 HBuilderX 中直接运行体验
4. 文件下载在当前页面的上部靠右位置，有 [下载插件ZIP] [下载示例项目ZIP] 按钮，点击即可下载