利用小程序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、网站不提供资料下载,如需下载请到原作者页面进行下载。