From 7c60e0fe106b053bfb7f9bc889677f2a5ff35608 Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期二, 21 三月 2023 14:14:28 +0800 Subject: [PATCH] 添加地形切换效果,底图切换功能,在线制图,服务发布页面优化,转孔柱状图更新 --- src/components/mapol.vue | 24 ++++++++++++++++-------- 1 files changed, 16 insertions(+), 8 deletions(-) diff --git a/src/components/mapol.vue b/src/components/mapol.vue index 446f170..35e0c43 100644 --- a/src/components/mapol.vue +++ b/src/components/mapol.vue @@ -4,11 +4,11 @@ <div @click="changeMenulayer" class="center CenDiv" - :class="{ center1: centerFlag }" > <div + title="搴曞浘鍒囨崲" id="cenBg" - v-bind:class="{ active: isActive, menuLayer: isMenuLayer }" + class="mapBaseMap" ></div> </div> @@ -17,6 +17,7 @@ class="changeMapType" > <div + title="2/3缁村垏鎹�" id="cenBg" :class="show2DMap ? 'mapTypeTwo' : 'mapTypeThree'" ></div> @@ -244,8 +245,8 @@ display: flex; flex-direction: column; justify-content: space-between; - box-shadow: 3px 3px 6px #666; - border: 1px solid rgba(204, 204, 204, 0.76); + // box-shadow: 3px 3px 6px #666; + // border: 1px solid rgba(204, 204, 204, 0.76); border-radius: 5px; cursor: pointer; } @@ -263,9 +264,9 @@ flex-direction: column; justify-content: space-between; } -.CenDiv:hover { - border: 1px solid #409eff; -} +// .CenDiv:hover { +// border: 1px solid #409eff; +// } .active { width: 100%; height: 100%; @@ -341,7 +342,14 @@ .sindagis-map-compass .right:hover { background: url("../assets/img/compass.png") -89px -5px / 266px no-repeat; } - +.mapBaseMap { + width: 100%; + height: 100%; + margin-left: 10px; + background-image: url("../assets/img/synthesis/搴曞浘.png"); + background-repeat: no-repeat; + background-size: contain; +} .changeMapType { position: absolute; bottom: 1%; -- Gitblit v1.9.3