效果
录屏软件很卡,实际效果是非常流畅的
以“首页模块”为例
本质都一样,只不过一个是单行、一个是双列,使用的是vuedraggle组件vuedraggle
draggable就是组件,两个组件都写同一个group,则两栏可以互相拖拽,list绑定对应的数据源
// 左边栏
<div style="float: left">
<draggable
animation="300"
group="module"
:list="form.left">
<div class="left" :style="{height: leftModuleHeight}" v-for="(item,index) in form.left"
v-model="form.left[index]">
<span class="text-option">{
{
item.name }}</span>
<i class="el-icon-error"
style="color: red;font-size: 20px;display: flex;margin-top: -55px;margin-left: 190px;cursor: pointe