手势指令进行页面设计 续

其实吧，代码以前就写完了，只是太零散有重复的，现在只是想重构一下，结果却没有思路卡了一天。

不过好在是整理出来了，整理之后确实要好读不少，也方便做扩展。

还是先画个脑图，头脑风暴一下。

自定义指令

看看效果：

004拖拽排序和移除.gif

其实导出视频格式，还不到1MB，但是这里不支持上传视频，所以只好导出成GIF，结果1.2MB。

因为拖拽是动态过程，截图也看不出来啥。
话说，移除的时候，拖出操作和点小XX对比一下，哪个更方便？

代码方面呢，先用vue的自定义指令，作为入口，因为拖拽嘛，肯定要直接操作dom，而自定义指令可以直接访问dom。

另外也想通过指令来分离代码，毕竟一套是正常的使用程序，一套是维护程序，明显的分离开，便于维护。

以前还想做做个通用一点的拖拽，但是想想，也不会有别人来用，那么还不如让自己方便一点，来个专用的拖拽呢。

于是把需要的参数统统传递进入指令里面，然后各种操作都在指令里面实现，这样代码就分离开来了。

去掉指令就是普通的客户程序。

还有一个小问题，调整td宽的功能，可以通过UI库自带的 el-table 的自带功能来实现，只是调整完宽度，好像得不到通知，还得想办法，比如做个操作来读取新的宽度，这个还没有想好。如果有通知就好了。

最后，还有其他各种小细节，这个以后慢慢完善，架子都搭好了，以后也方便扩展。