文件名称：diypage:基于vue + element-ui自定义拖拽页面
文件大小：2.74MB
文件格式：ZIP
更新时间：2024-03-31 03:06:34
Vue
虚拟网页 做专题页面或者可视化diy页面时，牵涉到一些解决思路; 演示 视频演示（上传一个视频，可以看下动态效果） 1.页面布局 a。可以分类三栏，左侧组件栏，右侧数据编辑栏，中级，页面效果展示栏 2.动画效果 如果直接用数据驱动，动画比较僵硬，建议使用一些弹性动画效果 如果拖拽函数使用html5，拖动函数，不好用，而且拖起来有个很难看的一块，不方便自定义；建议自己改用onmouesemove / start / end来原生书写 移动时建议transform加上一个动画延迟，这样会有一些缓冲的效果，不生硬，而且动画渲染更流畅；如在拖曳元素上加上过渡时间：50ms； 3.数据存储方式 我这里是用json存储到本地存储里面，保存时再序列化到放置，每一个可以拖拽的（上下拖拽）。上下调整是改变transform：'translateY（'+ wrap.originTop +'px）';原理就是
【文件预览】：
diypage-master
----docs()
--------e18bbf611f2a2e43afc071aa2f4e1512.ttf(44KB)
--------b06871f281fee6b241d60582ae9369b9.ttf(162KB)
--------6819dcc86976121ce91ebfdff0f98b4f.png(6KB)
--------img()
--------674f50d287a8c48dc19ba404d20fe713.eot(162KB)
--------af7ae505a9eed503f8b8e6982036873e.woff2(75KB)
--------448c34a56d699c29117adc64c43affeb.woff2(18KB)
--------app-legacy.js(1.9MB)
--------index.html(1KB)
--------fee66e712a8a08eef5805a46892932ad.woff(96KB)
--------diypage-1.png(116KB)
--------f4769f9bdb7466be65088239c12046d1.eot(20KB)
--------fa2772327f55d8198301fdb8bcfc8158.woff(23KB)
--------app.js(1.89MB)
--------favicon.ico(1KB)
----vue.config.js(399B)
----package.json(2KB)
----tests()
--------unit()
----package-lock.json(554KB)
----src()
--------utils.js(260B)
--------App.vue(364B)
--------assets()
--------pages()
--------main.js(378B)
--------components()
--------router()
----.gitignore(133B)
----example.gif(1.08MB)
----public()
--------index.html(571B)
--------favicon.ico(1KB)
----README.md(1KB)
----yarn.lock(415KB)
----babel.config.js(46B)