微信小程序拾色器（颜色选择器或取色器）组件
微信小程序拾色器（颜色选择器或取色器）组件，快速获取颜色值，小程序原生语法，方便集成。
项目仓库地址：
github
gitee
功能介绍1.点击颜色盒子，直接选择颜色。
2.调节颜色条。
3.调节透明度。
4.调节RGB值。
5.直接点击备选颜色。
使用方式
1.json里引入控件：
"usingComponents": {
"color-picker": "/components/color-picker/color-picker"
}
2.定义Page：
Page({
data: {
colorPickerShow: false,
defaultColor: {
r: 0,
g: 0,
b: 255,
a: 1
},
rgba: {
r: 0,
g: 188,
b: 212,
a: 1
}
},
onLoad() {
},
openPicker() {
this.setData({
colorPickerShow: true,
})
},
colorConfirm(event) {
this.setData({
rgba: event.detail.rgba
})
}
})
3.编写页面：
<view class="color-button">
<button bind:tap="openPicker" style="background-color: rgba({{rgba.r + ',' + rgba.g + ',' + rgba.b + ',' + rgba.a}})">选择颜色</button>
<color-picker show="{{colorPickerShow}}" defaultColor="{{defaultColor}}" bind:confirm="colorConfirm"></color-picker>
</view>
演示
版权声明：
1、该文章(资料)来源于互联网公开信息，我方只是对该内容做点评，所分享的下载地址为原作者公开地址。2、网站不提供资料下载，如需下载请到原作者页面进行下载。
