From e7755b4c5d8895c4b4568a592ec644227ef9b317 Mon Sep 17 00:00:00 2001 From: chenzeping <ChenZeping02609@163.com> Date: 星期四, 18 三月 2021 16:28:44 +0800 Subject: [PATCH] 左上角功能栏样式功能完善 --- src/components/panel/ToolBoxPanel.vue | 9 ++++++--- 1 files changed, 6 insertions(+), 3 deletions(-) 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