From 7b50662ef33655990d69b7990ff519f1f3a1f2ca Mon Sep 17 00:00:00 2001 From: guangyin Date: Thu, 18 May 2023 15:16:52 +0800 Subject: [PATCH] =?UTF-8?q?feat:=E5=AF=BC=E8=A7=88=E9=A1=B5=E9=9D=A2?= =?UTF-8?q?=E6=A0=91=E4=BA=A4=E4=BA=92=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/style/pageCommon.component.scss | 5 +++++ src/components/view/left/viewLeft.component.html | 1 + src/components/view/left/viewLeft.component.ts | 2 +- src/views/overview.component.ts | 4 +++- 4 files changed, 10 insertions(+), 2 deletions(-) diff --git a/src/assets/style/pageCommon.component.scss b/src/assets/style/pageCommon.component.scss index 4c553d2..1e3ed82 100644 --- a/src/assets/style/pageCommon.component.scss +++ b/src/assets/style/pageCommon.component.scss @@ -2684,6 +2684,11 @@ svg.loading-icon { } .tree-line{ + + &.el-tree--highlight-current .el-tree-node>.el-tree-node__content:hover{ + background: rgba(125, 174, 255, 0.3); + } + &.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{ background: rgba(125, 174, 255, 0.7); } diff --git a/src/components/view/left/viewLeft.component.html b/src/components/view/left/viewLeft.component.html index 443bb21..5f3c836 100644 --- a/src/components/view/left/viewLeft.component.html +++ b/src/components/view/left/viewLeft.component.html @@ -10,6 +10,7 @@ :indent="0" icon-class="none" highlight-current + :current-node-key="currentNodeKey" @node-click="nodeClick" :data="treeData" > diff --git a/src/components/view/left/viewLeft.component.ts b/src/components/view/left/viewLeft.component.ts index 26d8e74..380d194 100644 --- a/src/components/view/left/viewLeft.component.ts +++ b/src/components/view/left/viewLeft.component.ts @@ -21,7 +21,7 @@ Component.registerHooks([ export default class ViewLeftComponent extends Vue { //标题左侧图标 imgSrc = require("@/assets/icons/png/env/env-title-icon.png"); - + currentNodeKey = ''; treeData = treeData; viewList = [ { diff --git a/src/views/overview.component.ts b/src/views/overview.component.ts index 850d01d..bf8ad4f 100644 --- a/src/views/overview.component.ts +++ b/src/views/overview.component.ts @@ -262,7 +262,9 @@ export default class OverViewComponent extends BaseComponent { this.player.api.cameraTour.play(item.id) } closeRight(){ - this.viewRightShow = false + this.viewRightShow = false; + const dom = document.querySelector('div.is-current') as any; + dom.classList.remove('is-current') console.log('关闭右侧') }