# copy-colors

**Repository Path**: zqylzcwcxy/copy-colors

## Basic Information

- **Project Name**: copy-colors
- **Description**: 🚀windows桌面端颜色复制工具(vue2+electron)
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-07-18
- **Last Updated**: 2021-12-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# copy-colors

## Project setup

```
yarn install
```

### Compiles and hot-reloads for development

```
yarn serve
```

桌面端安装文件 点击colors Setup 0.1.0.exe 进行安装
![输入图片说明](https://images.gitee.com/uploads/images/2021/0718/114523_89a6aab8_6566613.png "屏幕截图.png")

## 鼠标左键复制 16 进制颜色码

![输入图片说明](https://images.gitee.com/uploads/images/2021/0718/113018_283bf869_6566613.png "屏幕截图.png")

## 鼠标右键复制 rgb 颜色值

![输入图片说明](https://images.gitee.com/uploads/images/2021/0718/113041_7215f99c_6566613.png "屏幕截图.png")

## 鼠标中键删除选中颜色

![输入图片说明](https://images.gitee.com/uploads/images/2021/0718/113055_dc7b4666_6566613.png "屏幕截图.png")

## 最下方取色工具可选择新增的颜色

![输入图片说明](https://images.gitee.com/uploads/images/2021/0718/113112_2213f3e1_6566613.png "屏幕截图.png")

## 使用 elementplus 进行弹窗提示

![输入图片说明](https://images.gitee.com/uploads/images/2021/0718/113133_293646a6_6566613.png "屏幕截图.png")

## 使用 sortablejs 进行颜色拖拽排序

![输入图片说明](https://images.gitee.com/uploads/images/2021/0718/113522_c9f63ebc_6566613.png "屏幕截图.png")

## electron 有内置浏览器，使用 localStorage 存储数据，从而实现颜色增删与颜色拖拽排序的配置保存

![输入图片说明](https://images.gitee.com/uploads/images/2021/0718/113247_211a2850_6566613.png "屏幕截图.png")