# vue瀑布流+拖拽+互换位置

**Repository Path**: wx_8f09a3c8d9/waterfall-drag

## Basic Information

- **Project Name**: vue瀑布流+拖拽+互换位置
- **Description**: 可拖拽瀑布流 ，图片之间互换位置交换样式, Masonry这个组件不太满足需求
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-07-24
- **Last Updated**: 2023-05-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# masonryjs

流式拖拽排序

## 安装

```javascript
cnpm install @624144061/masonryjs
```

## 示例

```javascript
import Masonry from '@624144061/masonryjs';
Masonry.create(
this.$refs['container'].$el,//容器 docoment
        {
         columnGap:10,
         rowGap:10,
         draggable:true,//拖拽
         scaleable:true//放缩
        })
//更新
Masonry.update();//更新当前容器下的布局
```

## demo

![](image/README/1617247042015.png)

## Project setup

```
yarn install
```

### Compiles and hot-reloads for development

```
yarn serve
```

### Compiles and minifies for production

```
yarn build
```

### Customize configuration

See [Configuration Reference](https://cli.vuejs.org/config/).