弹框样式修改&& 左侧联动关闭操作面板

chenyabin

2021-04-12 61903a7e8e95405c23d627ad3c08618bd775715e

 src/components/BaseNav/PublicBounced/PublicBounced.vue

@@ -1,7 +1,7 @@
<template>
  <div class="public-bounced" v-drag v-if="flag">
  <div class="public-bounced map-background" v-drag v-if="flag">
    <!--    <Echarts></Echarts>-->
    <div class="public-bounced-title">
    <div class="public-bounced-title panel-title">
      <span>{{ displayContentTitle }}</span>
      <i class="el-icon-circle-close" @click="closePopup"></i>
    </div>
@@ -101,16 +101,13 @@

<style lang="less" scoped>
.public-bounced {
  z-index: 999;
  z-index: 2000;
  position: absolute;
  top: 15%;
  left: 20%;
  background-color: #002432;
  border: 1px #9fc5c8 solid;

  .public-bounced-title {
    height: 0.1rem;
    border: 1px #a4c0d8 solid;
    padding: 10px 0;
    display: flex;
    align-items: center;
@@ -123,11 +120,14 @@
    }

    i {
      color: white;
      margin: 0 15px;
      font-size: 22px;
      cursor: pointer;
        color: #C0C4CC;
        margin: 0 15px;
        font-size: 22px;
        cursor: pointer;
    }
      i:hover{
          color: #00fff6;
      }
  }

  .public-bounced-content {