v-color-picker
允许您使用各种输入方法选择颜色。
Options
下面是一些简单到复杂的例子。
v-color-picker
使用 v-model
属性来控制显示的颜色。它支持十六进制字符串,如 #FF00FF 和 #FF00FF00,对象代表 RGBA, HSLA 和 HSVA 值。
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!