# 颜色选择器 (Color pickers)

v-color-picker 允许你使用各种输入方法来选择颜色。

# 使用

# API

# 示例

# 属性

# 画布

可以使用 hide-canvas 属性隐藏画布，也可以使用 canvas-height 属性设置其高度。 选择点的大小可以用 dot-size 属性来控制。

# 海拔

使用 elevation 或 flat 属性调整 v-color-picker 组件的海拔。 设置 flat 相当于将 elevation 设置为0。

# 输入

数字输入可以用 hide-inputs 属性隐藏，滑块可以用 hide-sliders 属性隐藏。 你也可以使用 hide-mode-switch 属性隐藏模式切换图标。 模式也可以通过 mode 属性进行外部控制。

# 模型

v-color-picker 使用 v-model 属性来控制显示的颜色。 它支持十六进制字符串，如 #FF00FF 和 #FF00FF00，以及表示 RGBA、HSLA 和 HSVA 值的对象。

# 色板

使用 show-swatches 属性，你可以显示一个色板供用户选择。 也可以使用 swatches 属性自定义显示什么颜色。 该属性接受一个二维数组，其中第一维定义一列，第二维通过提供 rgba 十六进制字符串定义从上到下的色板。 你也可以使用 swatches-max-height 属性设置色板部分的最大高度。

了解更多？

继续学习由 我们的团队 选择的相关内容，或通过使用下面的导航链接在页面之间跳转。
在 GitHub 上编辑此页面
最后更新：11/12/2024, 6:59:50 AM