Vuetify

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

Options

从下面选择您想要的组件,并查看可用的属性、插槽、事件和函数。

下面是一些简单到复杂的例子。

v-color-picker 使用 v-model 属性来控制显示的颜色。它支持十六进制字符串,如 #FF00FF#FF00FF00,对象代表 RGBAHSLAHSVA 值。

Adjust the elevation of the v-color-picker component using the elevation or flat prop. The flat is equivalent to setting elevation to 0.

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

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

可以使用 hide-canvas 属性隐藏画布,并且可以使用 canvas-height 属性设置画布的高度。 选择点的大小可以通过 dot-size 属性来控制。

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!