~xingchuan/SewerAndRainNetwork.git

			@@ -1,9 +1,13 @@
			<template>
			<div class="float-panel">
			<div :class='["iconBtn",layerControllerVisible ? "active" : ""]' @click="showPanel"><span><img src="@assets/images/map-pages/icon/layer.png" alt="" width="26px" style="display: block;margin: auto"><span class="icon-name">图层</span></span></div>
			<div :class='["float-panel",layerControllerVisible ? "active" : ""]' >
			<div @click="showPanel" class="iconBtn transition" :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>
			<transition name="fade">
			<div :class="'legend-content map-background'" style="position: absolute;left: 50px;top: 0" v-show="layerControllerVisible">
			<div :class="'legend-content map-background'" v-show="layerControllerVisible" style=" transform-origin: top left;">
			<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>
			</div>
			</transition>
			</div>
			@@ -69,27 +73,19 @@
			<style lang="less">
			.float-panel {
			position: absolute;
			left: 2px;
			top: 120px;
			left: 0.14583rem;
			top: 0.8rem;
			height: auto;
			font-size: 11px;
			z-index: 1000;
			display: flex;

			div {
			color: #00fff6;
			}
			.iconBtn {
			width:45px;
			text-align: center;
			background: rgba(0, 16, 30, 0.5);
			cursor: pointer;
			color: #00fff6;
			border: 0.00521rem solid #00fff6;
			box-shadow: 0 0 0.03rem #00fff6;
			}
			.active {
			border: 0.00521rem solid #fff700;
			box-shadow: 0 0 0.03rem #fff700;

			.iconBtn.active{
			display: none;
			}
			.title-border {
			width: 100%;
			@@ -196,9 +192,8 @@
			.switch-head-down {
			transform: rotateX(180deg);
			transform-origin: 50% 50%;
			transition: transform 0.5s linear 0s;
			transition: transform 2s linear 0s;
			}

			select {
			background: transparent;
			margin: 6px;
			@@ -226,6 +221,21 @@
			border-radius: 0px;
			background: #0E3565;
			}
			.el-button--default{
			margin-left: 10px;
			padding: 15px 3px;
			background:@background-color;
			color:@color-tool;
			position: absolute;
			top:0;
			right: -26px;
			}
			.el-button--default:hover{
			background:@background-color;
			}
			.legend-content{
			width: 1.79167rem;
			}
			}

			</style>