diff --git a/project/dv/apps/AppGridDV.vue b/project/dv/apps/AppGridDV.vue index 143bcb56..91a5e549 100644 --- a/project/dv/apps/AppGridDV.vue +++ b/project/dv/apps/AppGridDV.vue @@ -11,8 +11,8 @@ @node-click="handleNodeClick" node-key="id" ref="tree" - :expand-on-click-node="false" default-expand-all + :expand-on-click-node="false" highlight-current> @@ -446,6 +446,21 @@ display: flex; align-items: center; height: 100%; + + /* 设置滚动条的样式 */ + ::-webkit-scrollbar { + width: 6px; + } + /* 滚动槽 */ + ::-webkit-scrollbar-track { + border-radius: 5px; + background: rgba(93, 163, 255, 0.1); + } + /* 滚动条滑块 */ + ::-webkit-scrollbar-thumb { + border-radius: 5px; + background: rgba(173, 208, 255, 0.5); + } .grid-info { width: 100%; @@ -704,9 +719,18 @@ border-color: #9CD7FF!important; } + .vertical .org-chart-node:after, .vertical .org-chart-node:before { + border-radius: 0; + border-color: #9CD7FF!important; + } + .org-chart-node-label-inner { padding: 0!important; } + + .org-chart-node { + // max-width: 500px; + } } } @@ -718,7 +742,8 @@ .griddv-tree { height: calc(100% - 62px); overflow-y: auto; - padding: 0 8px 8px 8px; + margin: 0 8px; + padding-bottom: 8px; } ::v-deep .el-tree { @@ -738,6 +763,7 @@ font-size: 14px; user-select: none; font-weight: normal!important; + background: transparent; } .is-current > .el-tree-node__content, .el-tree-node__content:hover {