Skip to content

color-gradient-picker-vue3

这里主要介绍color-gradient-picker-vue3的使用以及一些常用配置,以及主要注意事项

注意

由于 ui 设计问题,color-gradient-picker-vue3的宽度最小为320px, 主要为了保证底部预设色的美观, 如果设置的width小于320, 那么初始化时会默认为320

使用

pnpm

bash
pnpm add color-gradient-picker-vue3

npm

bash
npm install color-gradient-picker-vue3

yarn

bash
yarn add color-gradient-picker-vue3

配置说明

参数类型默认值描述
valueStringrgba(175, 51, 242, 1)默认颜色
widthNumber320宽度(注意,颜色选择区域的高度会等于宽度)
hideInputsBooleanfalse隐藏输入
hideOpacityBooleanfalse隐藏透明度设置滑块
hideGradientBooleanfalse隐藏渐变
presetColorsString[]String[]预设颜色