# vue_drag

**Repository Path**: fcli/vue_drag

## Basic Information

- **Project Name**: vue_drag
- **Description**: 悬浮可拖动组件
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2023-10-27
- **Last Updated**: 2024-11-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<!--
 * @Author: fcli
 * @Date: 2023-09-04 14:12:29
 * @LastEditors: fcli
 * @LastEditTime: 2023-10-27 15:23:55
 * @FilePath: /vue-drag/README.md
 * @Description: 
-->
# vue-drag


## VUE3 拖拽组件

```bash
npm install @fcli/vue-drag --save-dev 来安装

在项目中使用
import VerCode from '@fcli/vue-vercode';
const app=createApp(App)
app.use(VerCode);

```

## 使用实例

```
 <div class="content">
    <vue-drag right="20px" bottom="30px">
      <div class="circle">+</div>
    </vue-drag>
</div>
```

## 参数说明

| 属性   | 属性名称 | 类型   | 可选值 |
| ------ | -------- | ------ | ------ |
| right  | 初始化时距离右边的距离   | string | 20px |
| bottom | 初始化时距离底部的距离   | string | 30px |

## slot

可拖拽组件中的自定义内容