From e7755b4c5d8895c4b4568a592ec644227ef9b317 Mon Sep 17 00:00:00 2001
From: chenzeping <ChenZeping02609@163.com>
Date: 星期四, 18 三月 2021 16:28:44 +0800
Subject: [PATCH] 左上角功能栏样式功能完善
---
src/assets/css/map/map-panel-style.less | 15 ++++++++++-----
src/components/panel/ToolBoxPanel.vue | 9 ++++++---
2 files changed, 16 insertions(+), 8 deletions(-)
diff --git a/src/assets/css/map/map-panel-style.less b/src/assets/css/map/map-panel-style.less
index 3680c25..0f1628e 100644
--- a/src/assets/css/map/map-panel-style.less
+++ b/src/assets/css/map/map-panel-style.less
@@ -157,13 +157,17 @@
}
.tools-panel-content {
- border: 1px solid @background-color-tools;
- background: @background-color-tools;
+ //position: absolute;
+ //top: 60px;
+ //left: 55px;
+ background: @background-color;
+ border: 0.00521rem solid @color-shadow;
padding: 0;
//width: 90px;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
+ margin-left: 55px;
.el-button {
padding: 0;
@@ -180,9 +184,10 @@
}
}
-.el-popper[x-placement^=bottom] .popper__arrow::after {
- border-bottom-color: @background-color-tools;
-}
.leaflet-control-easyPrint .leaflet-bar .leaflet-control {
display: none;
}
+
+.popper__arrow {
+ display: none !important;
+}
diff --git a/src/components/panel/ToolBoxPanel.vue b/src/components/panel/ToolBoxPanel.vue
index 16f61c8..dc129a3 100644
--- a/src/components/panel/ToolBoxPanel.vue
+++ b/src/components/panel/ToolBoxPanel.vue
@@ -27,7 +27,7 @@
<img :src="itemT.iconChoose" :title="itemT.title" v-if="Selecd === indexT"/>
<img :src="itemT.icon" :title="itemT.title" v-else/>
</el-button>
- <div class="base-map-inner-panel" v-show="!isShow&&item.index==='2'">
+ <div class="base-map-inner-panel" v-show="item.index==='2'">
<div v-for="item in basemapList" :key="item.code" class="basemap-layer-item">
<img class="base-map-img" width="50" height="50" :src="item.conf.icon_actived" :title="item.name"
@click="changeBasemap(item)"/>
@@ -90,7 +90,7 @@
name: 'ToolBoxPanel',
data () {
return {
- isShow: true,
+ isShow: false,
currentBaseMapCode: 'tianditu_img',
basemapList: [],
selectGroup: false,
@@ -265,6 +265,7 @@
this.basemapList = this.basemapHelper.getBasemapList()
},
changeBasemap (itm) {
+ this.active = -1
const code = itm.code
this.basemapList.forEach((item) => {
if (item.code === code) {
@@ -300,6 +301,7 @@
},
choiceItem (itemT, indexT) {
this.Selecd = indexT
+ this.active = -1
switch (itemT.label) {
case '鐐规爣缁�':
var myIcon = this.L.icon({
@@ -388,7 +390,6 @@
this.selectGroup = false
this.isShow = !this.isShow
this.active = -1
- this.checked = false
},
changeSelectMouse () {
this.selectGroup = true
@@ -452,6 +453,7 @@
}
.el-button-choice {
+ left: 500px;
z-index: 999;
padding: 0;
margin: 0 0.015rem;
@@ -527,6 +529,7 @@
display: block;
color: @color-shadow;
}
+
.default-span {
display: block;
color: @color-over;
--
Gitblit v1.8.0