# wechat_multi-line_column_movable

**Repository Path**: isrun/wechat_multi-line_column_movable

## Basic Information

- **Project Name**: wechat_multi-line_column_movable
- **Description**: 小程序实现多行多列拖动
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2021-11-26
- **Last Updated**: 2021-11-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 微信小程序使用 movable-view 组件实现多行多列拖动功能
> 实现原理：因为 movable-view 是靠 x，y 属性定位显示，拖动放手后，把拖动项的x，y 坐标用放手时坐标替换，然后给数组安装x,y坐标排序，排序后再用循环给每个项坐标规律的值

## 效果图
![输入图片说明](%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%AE%9E%E7%8E%B0%E5%A4%9A%E8%A1%8C%E5%A4%9A%E5%88%97%E6%8B%96%E5%8A%A8.gif)
## 相关代码仅在 index.js，index.wxml，index.css

## 待优化
- 拖动定位坐标，目前是每个元素的左上角，应改为中心点