vue实现会议室拖拽布局排座
会议室拖拽布局排座是vue-draggable结合vue-draggable-resizable-gorkys进行开发
vue-draggable是拖拽组件,可以在组件里拖动排序,也可以多个组件之间拖动排序
vue-draggable-resizable-gorkys是一更强大的拖拽组件,可以随意拖拽,有点坐标
先进行会议室的布局
然后对某个会议进行人员排座
布局排座
可以拖拽的组件之间会有辅助线和吸附效果来进行更好的布局
具体的属性可以看文档 就不详情列出来了
参考文献文档:
vue-draggable的中文文档:https://www.itxst.com/vue-draggable/yvq3mifz.html
vue-draggable-resizable-gorkys 是 vue-draggable-resizable的二次开发版本
新增了辅助线和吸附功能
很多基础功能都是vue-draggable-resizable的属性 文档:https://github.com/gorkys/vue-draggable-resizable-gorkys/blob/master/README_ZH.md
github文档:https://github.com/mauricius/vue-draggable-resizable/tree/v.2.3.0
vue-draggable-resizable-gorkys的文档:https://github.com/gorkys/vue-draggable-resizable-gorkys/tree/master
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
2022-11-21 css样式文字和数字不在一行,数字会自动换行到下一行