fix: 优化panel可拖拽时的交互提示
This commit is contained in:
@@ -5,7 +5,7 @@
|
|||||||
|
|
||||||
<slot name="header"></slot>
|
<slot name="header"></slot>
|
||||||
|
|
||||||
<div class="select-panel-tree">
|
<div :class="{'movable': !panelLock}" class="select-panel-tree">
|
||||||
<el-tree
|
<el-tree
|
||||||
:data="panelData"
|
:data="panelData"
|
||||||
:draggable="!panelLock"
|
:draggable="!panelLock"
|
||||||
@@ -148,6 +148,20 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
.movable {
|
||||||
|
.el-tree-node__content {
|
||||||
|
cursor: move;
|
||||||
|
.tree--node>span:first-of-type {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.tree--node>span:last-of-type>span {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.tree--node>span:last-of-type>span>i {
|
||||||
|
font-weight: normal !important;
|
||||||
|
}
|
||||||
.select-panel-tree {
|
.select-panel-tree {
|
||||||
height: 350px;
|
height: 350px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
@@ -175,7 +189,6 @@
|
|||||||
.tree--node:hover .tree--operation {
|
.tree--node:hover .tree--operation {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel-dropdown-btn {
|
.panel-dropdown-btn {
|
||||||
color: #60BEFF;
|
color: #60BEFF;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user