From d64a41f77efcdaf5565bdb34206b00e231bfa66b Mon Sep 17 00:00:00 2001 From: 徐旺旺 <11530253@qq.com> Date: 星期三, 07 四月 2021 17:12:08 +0800 Subject: [PATCH] 修改图层控制配置 --- src/components/LayerController/LayerController.vue | 14 +++++++++----- 1 files changed, 9 insertions(+), 5 deletions(-) diff --git a/src/components/LayerController/LayerController.vue b/src/components/LayerController/LayerController.vue index 2fa037c..dcb6ed3 100644 --- a/src/components/LayerController/LayerController.vue +++ b/src/components/LayerController/LayerController.vue @@ -1,13 +1,16 @@ <template> <div :class='["float-panel",layerControllerVisible ? "active" : ""]' > - <div @click="showPanel" class="iconBtn" :class='layerControllerVisible ? "active-button" : ""' v-show="!layerControllerVisible" style=" position: absolute;top:0;left: 0;"> + + <el-tooltip :popper-class="'map-tooltip'" effect="dark" content="鍥惧眰" placement="left"> + <div @click="showPanel" class="iconBtn" :class='layerControllerVisible ? "active-button" : ""' v-show="!layerControllerVisible" style=" position: absolute;top:0;left: 0;"> <img src="@assets/images/map-pages/icon/layer.png" alt="" class="icon"> - <span class="icon-name">鍥惧眰</span> - </div> + <!-- <span class="icon-name">鍥惧眰</span>--> + </div> + </el-tooltip> <transition name="animationChange"> <div :class="'legend-content map-background'" v-show="layerControllerVisible"> <lc-service-layer></lc-service-layer> - <buttom @click="showPanel" type="button" class="el-button special-button el-button--default el-icon-d-arrow-left"></buttom> + <button @click="showPanel" type="button" class="el-button special-button el-button--default el-icon-d-arrow-left"></button> </div> </transition> </div> @@ -242,12 +245,13 @@ position: absolute; top:0; right: -26px; + border-radius: 0.03rem 50% 50% 0.03rem; } .el-button--default:hover{ background:@background-color; } .legend-content{ - width: 1.79167rem; + width: 250px; } } -- Gitblit v1.8.0