color-gradient-picker-vue3
这里主要介绍color-gradient-picker-vue3的使用以及一些常用配置,以及主要注意事项
注意
由于 ui 设计问题,color-gradient-picker-vue3的宽度最小为320px, 主要为了保证底部预设色的美观, 如果设置的width小于320, 那么初始化时会默认为320
使用
pnpm
bash
pnpm add color-gradient-picker-vue3npm
bash
npm install color-gradient-picker-vue3yarn
bash
yarn add color-gradient-picker-vue3配置说明
| 参数 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| value | String | rgba(175, 51, 242, 1) | 默认颜色 |
| width | Number | 320 | 宽度(注意,颜色选择区域的高度会等于宽度) |
| hideInputs | Boolean | false | 隐藏输入 |
| hideOpacity | Boolean | false | 隐藏透明度设置滑块 |
| hideGradient | Boolean | false | 隐藏渐变 |
| presetColors | String[] | String[] | 预设颜色 |