|
@@ -9,12 +9,6 @@
|
|
|
:class="{ 'btn-active': chiceStatus == index }"
|
|
|
@click="openTool(index)"
|
|
|
>
|
|
|
- <!-- <img
|
|
|
- width="20px"
|
|
|
- height="20px"
|
|
|
- :src="chiceStatus == index ? item.activeIcon : item.icon"
|
|
|
- alt
|
|
|
- /> -->
|
|
|
<span :class="['icon', 'iconfont', 'fontstyle', item.icon]"></span>
|
|
|
<span>{{ item.name }}</span>
|
|
|
<div class="btborder"></div>
|
|
@@ -32,10 +26,12 @@
|
|
|
:show-close="true"
|
|
|
:before-close="handleClose"
|
|
|
:wrapperClosable="false"
|
|
|
- custom-class="drawer-box"
|
|
|
>
|
|
|
<legendList :chiceStatus="chiceStatus"></legendList>
|
|
|
</el-drawer>
|
|
|
+ <div class="close-lengend" v-show="drawer" @click="closeDraw">
|
|
|
+ <i class="el-icon-arrow-left"></i>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
@@ -110,6 +106,11 @@ export default {
|
|
|
this.drawer = false;
|
|
|
this.SETCHOICELEHEND("");
|
|
|
},
|
|
|
+ // 关闭测弹窗
|
|
|
+ closeDraw(){
|
|
|
+ this.drawer = !this.drawer
|
|
|
+ this.chiceStatus = -1
|
|
|
+ }
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
@@ -166,6 +167,29 @@ li {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .close-lengend {
|
|
|
+ width: 20px;
|
|
|
+ height: 40px;
|
|
|
+ position: absolute;
|
|
|
+ right: -250px;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
+ z-index: 99999;
|
|
|
+ border-radius: 0px 5px 5px 0;
|
|
|
+ cursor: pointer;
|
|
|
+ font-size: 28px;
|
|
|
+ color: #e4e5e7;
|
|
|
+ overflow: hidden;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ border: 1px solid #e4e5e7;
|
|
|
+ background: #ffffff;
|
|
|
+ &:hover {
|
|
|
+ color: #0091ff;
|
|
|
+ border: 1px solid #0091ff;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
.el-drawer__wrapper {
|
|
|
left: 64px;
|