Color 色彩选择器

颜色选择器，用于选择颜色。

基础用法

#64605b

<template>
  <div class="mb-size">
    <pa-color v-model="value" :preset-colors="presetColors"> </pa-color>
  </div>
</template>
<script lang="ts" setup>
import { ref } from "vue";

const value = ref("#64605b");
const presetColors = ref([
  "#ff0000",
  "#ff8000",
  "#ffff00",
  "#00ffc4",
  "#00ff18",
  "#00e3ff",
  "#0084ff",
  "#0025ff",
  "#4700ff",
  "#f100ff",
  "#c9c9c9"
]);
</script>

<style lang="scss" scoped></style>

SaColorType

属性名	描述	类型	默认值
id	组件唯一标识符，用于 DOM 操作和事件绑定	string	—
modelValue	绑定值，用于父组件与子组件之间的双向绑定	string	—
disabled	是否禁用按钮	boolean	false
showAlpha	是否显示透明度选择器	boolean	false
presetColors	预设颜色列表，用于快速选择颜色	string[]	—