From dbb352c9d988dfac83da979023fe81a0a02f88e9 Mon Sep 17 00:00:00 2001 From: lixuliang <lixuliang_hd@126.com> Date: 星期五, 12 四月 2024 16:34:20 +0800 Subject: [PATCH] 与数字人合并 --- src/components/right/right-bottom.vue | 52 +++++++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 49 insertions(+), 3 deletions(-) diff --git a/src/components/right/right-bottom.vue b/src/components/right/right-bottom.vue index 41bd8c1..7572c34 100644 --- a/src/components/right/right-bottom.vue +++ b/src/components/right/right-bottom.vue @@ -5,6 +5,40 @@ <el-tooltip class="item" effect="dark" + content="鏁板瓧浜�" + placement="left" + popper-class="item_tooltip" + > + <div + class="legend-bg" + @click="showDigitalPerson" + :class="{ active: isShowDP }" + > + <img class="legendImg" src="@/assets/img/new/鏁板瓧浜�.png" /> + </div> + </el-tooltip> + </div> + <div class="mapTool"> + <el-tooltip + class="item" + effect="dark" + content="鏂囨湰鎿嶄綔" + placement="left" + popper-class="item_tooltip" + > + <div + class="legend-bg" + @click="showTextArea" + :class="{ active: isShowTA }" + > + <img class="legendImg" src="@/assets/img/new/鏂囨湰杈撳叆.png" /> + </div> + </el-tooltip> + </div> + <div class="mapTool"> + <el-tooltip + class="item" + effect="dark" content="浜﹀簞鏂板尯鑼冨洿" placement="left" popper-class="item_tooltip" @@ -207,10 +241,13 @@ background-image: url("~@/assets/img/new/leftCircle.png"); background-size: 100%; background-color: transparent; - width: 35px; - height: 35px; + width: 35px; + height: 35px; position: relative; cursor: pointer; +} +.active { + background-image: url("~@/assets/img/new/leftCircle-y.png"); } .tcqp { background-color: rgba(0, 138, 252, 0.6); @@ -312,6 +349,8 @@ return { isWideAngle: false, wideAngle: 1.04, + isShowDP: false, + isShowTA: false, clickIndex: 0, camera: { position: [116.540659, 39.744945, 50000], @@ -356,7 +395,14 @@ let p = sgworld.Navigate.getCameraInfo(); console.log(p); }, - + showDigitalPerson() { + this.isShowDP = !this.isShowDP; + this.$store.commit("showDigitalPerson", this.isShowDP); + }, + showTextArea() { + this.isShowTA = !this.isShowTA; + this.$store.commit("showTextArea", this.isShowTA); + }, maskingOut() { if (!window.maskinglayer) { window.maskinglayer = sgworld.Creator.createImageryProvider( -- Gitblit v1.9.3