利用小程序component组件开发的颜色选择器

wx-colorpicker

利用小程序component组件开发的颜色选择器,可选择所需颜色改变元素样式

通过改变颜色 色相、饱和度、亮度和透明度,取得任意颜色

效果图

使用

首先,在引用页面对应 json 文件中包含 usingComponents 定义段。

(本项目引用页面为index,在index.json添加以下代码)

{ "usingComponents": { "color-picker": "/components/colorPicker/colorPicker" } } wxml页面引用

<color-picker cus="{{cp_cus}}" color="{{cp_color}}" bindcolor="color" />

cus传入colorpicker默认显示的颜色列表数组

color传入初始默认选中颜色值

bindcolor事件返回colorpicker所选颜色值

color(e){ this.setData({ cp_color: e.detail.color }) }

e.detail.color(返回的选中的颜色值)

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。