fix: 优化panel可拖拽时的交互提示

This commit is contained in:
陈劲松
2021-01-13 16:29:21 +08:00
committed by chenjinsong
parent 5f1867894b
commit dba48161ba

View File

@@ -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;
} }