没有合适的资源?快使用搜索试试~ 我知道了~
diypage:基于vue + element-ui自定义拖拽页面
共56个文件
vue:23个
js:10个
png:3个
1星 需积分: 39 29 下载量 112 浏览量
2021-03-11
09:19:54
上传
评论 1
收藏 2.74MB ZIP 举报
温馨提示
虚拟网页 做专题页面或者可视化diy页面时,牵涉到一些解决思路; 演示 视频演示(上传一个视频,可以看下动态效果) 1.页面布局 a。可以分类三栏,左侧组件栏,右侧数据编辑栏,中级,页面效果展示栏 2.动画效果 如果直接用数据驱动,动画比较僵硬,建议使用一些弹性动画效果 如果拖拽函数使用html5,拖动函数,不好用,而且拖起来有个很难看的一块,不方便自定义;建议自己改用onmouesemove / start / end来原生书写 移动时建议transform加上一个动画延迟,这样会有一些缓冲的效果,不生硬,而且动画渲染更流畅;如在拖曳元素上加上过渡时间:50ms; 3.数据存储方式 我这里是用json存储到本地存储里面,保存时再序列化到放置,每一个可以拖拽的(上下拖拽)。上下调整是改变transform:'translateY('+ wrap.originTop +'px)';原理就是
资源推荐
资源详情
资源评论
收起资源包目录
diypage-master.zip (56个子文件)
diypage-master
docs
e18bbf611f2a2e43afc071aa2f4e1512.ttf 44KB
b06871f281fee6b241d60582ae9369b9.ttf 162KB
6819dcc86976121ce91ebfdff0f98b4f.png 6KB
img
fontawesome-webfont.912ec66d.svg 434KB
glyphicons-halflings-regular.89889688.svg 106KB
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
.eslintrc.js 111B
HelloWorld.spec.js 346B
package-lock.json 554KB
src
utils.js 260B
App.vue 364B
assets
logo.png 6KB
pages
dashboard
Index copy.vue 1KB
Index.vue 1KB
home
Home.vue 3KB
Index.vue 4KB
main.js 378B
components
table
TableList.vue 7KB
Table.vue 5KB
Search.vue 4KB
DragMe2.vue 7KB
comps
CompsWrap.vue 5KB
boxGrid
boxGridGroup.vue 5KB
boxGridItem.vue 3KB
Comp2.vue 351B
Hello.vue 4KB
CompBox.vue 1KB
drag
DragWrap.vue 2KB
DragWrap2.vue 2KB
DragWrap3.vue 4KB
DragMe3.vue 10KB
eventBus.js 48B
InputRuner.vue 11KB
DragMe.vue 7KB
Comp1.vue 2KB
gridBox
gridBox.vue 2KB
router
index.js 1KB
.gitignore 133B
example.gif 1.08MB
public
index.html 571B
favicon.ico 1KB
README.md 1KB
yarn.lock 415KB
babel.config.js 46B
共 56 条
- 1
资源评论
- qq_207739412022-01-25这是什么 空白一篇 就是一个存vue新项目 什么都没有
- 10926170652022-11-29什么东西,直接被骗
weixin_42138139
- 粉丝: 18
- 资源: 4654
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功