parent
6190897e04
commit
25a1764486
|
|
@ -1,6 +1,6 @@
|
|||
.siderbar {
|
||||
width: 34rem;
|
||||
padding: 2rem 3rem;
|
||||
padding: 0.5rem 3rem;
|
||||
background-color: #fff;
|
||||
overflow: auto;
|
||||
.el-collapse {
|
||||
|
|
@ -9,6 +9,7 @@
|
|||
border: 0;
|
||||
}
|
||||
:deep(.el-collapse-item__header) {
|
||||
font-size: 1.4rem;
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -291,13 +292,14 @@
|
|||
transition: left 0.8s ease;
|
||||
}
|
||||
.drawer-title {
|
||||
line-height: 4.8rem;
|
||||
transition: 0.4s ease;
|
||||
}
|
||||
.drawer-drag-bg {
|
||||
background: #f2f8ff;
|
||||
}
|
||||
.drawer-drag-area {
|
||||
height: calc(100% - 6rem);
|
||||
height: calc(100% - 4.5rem);
|
||||
overflow-y: auto;
|
||||
}
|
||||
.drawer-drag {
|
||||
|
|
|
|||
|
|
@ -16,8 +16,8 @@
|
|||
</el-collapse>
|
||||
</div>
|
||||
<div class="drawer-container" :style="`width: ${diy_data.length > 0 ? '12.8rem' : '0px'}`">
|
||||
<div class="drawer-content" :style="{ left: diy_data.length > 0 ? '0' : '-100%' }">
|
||||
<div class="size-14 cr-3 fw ptb-20 pl-12 drawer-title" :style="{ opacity: diy_data.length > 0 ? '1' : '0' }">已选组件({{ diy_data.length }})</div>
|
||||
<div class="drawer-content pt-5" :style="{ left: diy_data.length > 0 ? '0' : '-100%' }">
|
||||
<div class="size-14 cr-3 fw pl-12 drawer-title" :style="{ opacity: diy_data.length > 0 ? '1' : '0' }">已选组件({{ diy_data.length }})</div>
|
||||
<div ref="left_scrollTop" class="drawer-drag-area">
|
||||
<VueDraggable v-model="diy_data" :animation="500" target=".sort-target" :scroll="true" :on-sort="on_sort">
|
||||
<TransitionGroup type="transition" tag="ul" name="fade" class="sort-target flex-col">
|
||||
|
|
|
|||
Loading…
Reference in New Issue