Vue.js的渐变选择器组件 - vue-gpickr

Vue.js的渐变选择器组件 - vue-gpickr
插件名称 vue-gpickr
发布时间 2020年11月12日
插件作者 insky

一个干净,简单的渐变色选择器组件,用于Vue.js应用。

安装和下载:

# NPM
$ npm i vue-gpickr --save

如何使用它:

1.导入渐变选择器。

import { VueGpickr, LinearGradient } from 'vue-gpickr';

2.将渐变选择器组件添加到应用程序模板。

<template>
  <vue-gpickr v-model="gradient" />
</template>

3.注册零部件,添加自定义挡块,然后确定应用于渐变的角度。

const gradient = new LinearGradient({
  angle: 0,
  stops: [
    ['#0359b5', 0],
    ['#f6ce01', 1]
  ]
});
export default {
  components: {
    VueGpickr
  },
  data() {
    return {
      gradient
    }
  }
};