# Pick Pallet 取色器
请扫码查看示例
# 介绍
美居取色器组件
# 引入
APP内置组件,可直接使用cross-view标签。
# 代码演示
# 基本用法
<div class="wrapper">
<cross-view id="mideagespass1" class="crossview" type="pick-pallet" onCallMethod="onCallMethod"></cross-view>
</div>
1
2
3
4
2
3
4
import prompt from '@system.prompt'
export default {
data: {
},
onCallMethod(e) {
if (e.method == 'changeColor') {
let str = JSON.stringify(e.params)
prompt.showToast({
duration: 3000,
message: str,
})
}
},
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
# Api
# Prop
字段 | 说明 | 类型 | 默认值 | 是否必须 |
---|---|---|---|---|
type | 原生组件类型 | String | pick-pallet | 是 |
# Events
名称 | 说明 | 回调参数 |
---|---|---|
onCallMethod | 原生回调成功触发 | {method} 附表1 |
# method回调方法(附表1)
方法名称 | 说明 | 备注 |
---|---|---|
changeColor | 取色盘位置改变时,获取当前选中区域的颜色值(RGB) | - |