@cloud-ui/u-color-picker.vue v0.1.5

UColorPicker 颜色选择器

• 示例
  • 基本用法
  • 直接使用调色板
  • 直接使用默认值
• UColorPicker API
  • Props/Attrs
  • Slots
  • Events
• UPallette API
  • Props/Attrs
  • Slots
  • Events

用于选择颜色的组件。

示例

基本用法

<template>
<u-color-picker v-model="color"></u-color-picker>
</template>
<script>
export default {
    data() {
        return {
            color: '#ff5a5a',
        };
    },
};
</script>

直接使用调色板

<template>
<u-pallette v-model="color"></u-pallette>
</template>
<script>
export default {
    data() {
        return {
            color: '#ff5a5a',
        };
    },
};
</script>

直接使用默认值

<template>
<u-pallette v-model="color"></u-pallette>
</template>
<script>
export default {
    data() {
        return {
            color: 'white',
        };
    },
};
</script>

UColorPicker API

Props/Attrs

Slots

(default)

在调色板中插入文本或 HTML。

Events

@input

@change

修改时触发

UPallette API

Props/Attrs

Slots

(default)

在调色板中插入文本或 HTML。

Events

@input

@change

修改时触发

@open

弹出时触发。

@close

隐藏时触发。