更新记录

0.01(2019-12-03) 下载此版本

uniapp 颜色选择器 用户自定义主题色

颜色选择器 用户可以自己选择主题色,觉得不错可以点个赞哦 :+1: 使用环境为 uni-app

如何获取

github仓库: https://github.com/strugglerx/uniapp_color_pick

props

参数 描述 类型 默认值
:unitWidth 基准单位,右边色相带宽度为40,左边选择块宽高为40*7+20,单位为px,需要使用者自己规划布局 number 40

methods

参数 描述 类型 默认值
@callBack 返回选择的颜色 object --

如何使用

*.vue

<color-picker :unitWidth="unitWidth" @callBack="callBack"/>
    import colorPicker from "../../components/struggler-colorPicker/struggler-colorPicker"
    export default {
        data() {
            return {
                unitWidth:30
            }
        },
        components:{
            colorPicker
        },
        methods:{
            callBack(e){
                //do Something
            }
        }
    }

实际效果

反馈问题

如在使用中发现bug或有优化的建议和意见,请发邮件 str@li.cm 或在 gitHub 上反馈。

:zap:wechat:strongdreams

更新日志

  • 2019/12/03 v0.0.1

平台兼容性

uniapp 颜色选择器 用户自定义主题色

颜色选择器 用户可以自己选择主题色,觉得不错可以点个赞哦 :+1: 使用环境为 uni-app

如何获取

github仓库: https://github.com/strugglerx/uniapp_color_pick

props

参数 描述 类型 默认值
:unitWidth 基准单位,右边色相带宽度为40,左边选择块宽高为40*7+20,单位为px,需要使用者自己规划布局 number 40

methods

参数 描述 类型 默认值
@callBack 返回选择的颜色 object --

如何使用

*.vue

<color-picker :unitWidth="unitWidth" @callBack="callBack"/>
    import colorPicker from "../../components/struggler-colorPicker/struggler-colorPicker"
    export default {
        data() {
            return {
                unitWidth:30
            }
        },
        components:{
            colorPicker
        },
        methods:{
            callBack(e){
                //do Something
            }
        }
    }

实际效果

反馈问题

如在使用中发现bug或有优化的建议和意见,请发邮件 str@li.cm 或在 gitHub 上反馈。

:zap:wechat:strongdreams

更新日志

  • 2019/12/03 v0.0.1

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问