Skip to content

ColorPicker 取色器

基础用法

预定义颜色

通过设置 predefine 属性来预定义一系列的颜色,用 ; 分割的字符串

vue
<template>
    <ivy-color-picker value="#ffa" :predefine="predefine"></ivy-color-picker>
</template>
<script setup>
const predefine = [
    "#ff4500",
    "#ff8c00",
    "#ffd700",
    "#90ee90",
    "#00ced1",
    "#1e90ff",
    "#c71585",
    "rgba(255, 69, 0, 0.68)",
    "rgb(255, 120, 0)",
    "hsv(51, 100, 98)",
    "hsva(120, 40, 94, 0.5)",
    "hsl(181, 100%, 37%)",
    "hsla(209, 100%, 56%, 0.73)",
    "#c7158577",
].join(";");
</script>

MIT Licensed