vue-color-picker-sheldon使用说明(一款基于Vue的取色器/颜色选择器)
这是一个基于 vue 的取色器组件,功能强大,支持拖拽、取色等功能。
vue-color-picker-sheldon使用说明(一款基于Vue的取色器/颜色选择器)
Introduction 简介
This is a color picker component based on vue. It is powerful and supports drag and drop, color picking and other functions.
这是一个基于 vue 的取色器组件,功能强大,支持拖拽、取色等功能。
Functions 功能点
-
Show a gradient palette with all colors and adjustable transparency 展示一个有所有颜色并且可以调节透明度的渐变调色板
-
Click on the palette to get the selected color, and display the corresponding hex value or rgba value in real time 点击调色板获取选中的颜色,并且实时显示对应 hex 值或者 rgba 值
-
Modify the hex value or rgba value, and display the corresponding color in real time 修改 hex 值或者 rgba 值,实时显示对应的颜色
-
You can set whether the color picker can be dragged 可以设置取色器是否可拖动
-
Send the current color to the parent component 发送当前的颜色给父组件
Install 安装
npm install vue-color-picker-sheldon
Usage 用法
Partial introduction of components 局部引入组件
<template>
<div>
<div>{{colorValue}}</div>
<color-picker :draggable="false" @receiveColor="receiveColor"></color-picker>
</div>
<template>
<script>
import ColorPicker from 'vue-color-picker-sheldon'
export default {
components:{
ColorPicker
},
data () {
return {
colorValue:''
}
}
methods:{
// get color value 获取取色器的颜色
receiveColor(colorValue){
this.colorValue = colorValue
},
}
}
如果遇到使用上的问题,或者有任何好的改进建议,欢迎在评论下留言。
CSDN 地址
更多推荐
所有评论(0)