From 61c3846cd8213fe3a7a5580c653936b4cbf0e3ef Mon Sep 17 00:00:00 2001
From: Jin Lei <jinlei_182@163.com>
Date: 星期三, 15 十一月 2023 18:37:08 +0800
Subject: [PATCH] [细节调整] 1.拆分主菜单，修改切换逻辑 2.按钮移动效果添加
---
src/components/right/right-bottom.vue | 97 +++++++++++++++++++-----------------------------
1 files changed, 39 insertions(+), 58 deletions(-)
diff --git a/src/components/right/right-bottom.vue b/src/components/right/right-bottom.vue
index 4712ad3..a11df08 100644
--- a/src/components/right/right-bottom.vue
+++ b/src/components/right/right-bottom.vue
@@ -14,47 +14,6 @@
</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="screenShot">
- <img class="legendImg" src="@/assets/img/new/mengban.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="getcamera">
- <img class="legendImg" src="@/assets/img/new/mengban.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="S3M()">
- <img class="legendImg" src="@/assets/img/new/mengban.png" />
- </div>
- </el-tooltip>
- </div> -->
-
<div class="mapTool">
<el-tooltip
class="item"
@@ -68,7 +27,7 @@
</div>
</el-tooltip>
</div>
- <div class="mapTool">
+ <!-- <div class="mapTool">
<el-tooltip
class="item"
effect="dark"
@@ -80,7 +39,7 @@
<img class="dwImg" src="@/assets/img/new/location.png" />
</div>
</el-tooltip>
- </div>
+ </div> -->
<div class="mapTool">
<el-tooltip
class="item"
@@ -107,7 +66,7 @@
</div>
</el-tooltip>
</div>
- <div class="mapTool" v-if="isActive">
+ <!-- <div class="mapTool" v-if="isActive">
<el-tooltip
class="item"
effect="dark"
@@ -132,7 +91,7 @@
<img class="qpImg" src="@/assets/img/new/tuichuquanping.png" />
</div>
</el-tooltip>
- </div>
+ </div> -->
<div class="mapTool">
<el-tooltip
class="item"
@@ -159,6 +118,32 @@
</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="screenShot">
+ <img class="legendImg" src="@/assets/img/new/mengban.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="getcamera">
+ <img class="legendImg" src="@/assets/img/new/mengban.png" />
+ </div>
+ </el-tooltip>
+ </div> -->
<!-- <div class="mapTool">
<el-tooltip class="item" effect="dark" content="浜屼笁缁村垏鎹�" placement="left">
<el-button class="tool-23mode" @click="_23mode">
@@ -211,25 +196,21 @@
.trigger {
pointer-events: all;
}
-.mapTools {
- /* margin-bottom: 58px; */
-}
+
.mapTool {
margin: 2px 0;
+}
+.legend-bg:hover {
+ background-image: url("~@/assets/img/new/leftCircle-y.png");
}
.legend-bg {
background-image: url("~@/assets/img/new/leftCircle.png");
background-size: 100%;
background-color: transparent;
- width: 54.5px;
- height: 54.5px;
+ width: 35px;
+ height: 35px;
position: relative;
-}
-.legend-bg:hover {
- background-color: rgba(16, 145, 250, 0.4);
- border-radius: 50%;
cursor: pointer;
- pointer-events: all;
}
.tcqp {
background-color: rgba(0, 138, 252, 0.6);
@@ -238,8 +219,8 @@
/*
.mapTool .el-button {
padding: 0 !important;
- width: 54.5px;
- height: 54.5px;
+ width: 30px;
+ height: 30px;
border: unset;
float: unset;
display: block;
@@ -253,7 +234,7 @@
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
- width: 28px;
+ width: 20px;
}
.button-group-vertical {
--
Gitblit v1.9.3