ZhangXianQiang
2024-03-08 751c33d47a185b80596e9dc37938a43e56bc3ca8
src/views/daoAnOffice/index.vue
@@ -22,7 +22,7 @@
import CenterMap from "./center-map.vue";
// 控制地图显示
import {mapState} from '@/stores/map.js';
import { mapState } from '@/stores/map.js';
import { ref } from "vue";
@@ -113,17 +113,10 @@
      </div>
    </div>
    <div class="contetn_center">
    <div class="contetn_center" v-if="mapState">
      <!-- echart地图 -->
      <CenterMap class="contetn_center_top" v-show="mapState" />
      <CenterMap class="contetn_center_top" />
      <div class="map-change-button" @click="mapChange">
        <div class="button-title">地图切换</div>
        <div class="button-img">
          <img src="@/assets/img/dtqh.png" alt="">
        </div>
      </div>
    </div>
    <!-- 右边区域 -->
@@ -138,6 +131,14 @@
        <div class="right_wrapper_content">
          <Publicize />
        </div>
      </div>
    </div>
    <!-- 切换地图按钮 -->
    <div class="map-change-button" @click="mapChange">
      <div class="button-title">地图切换</div>
      <div class="button-img">
        <img src="@/assets/img/dtqh.png" alt="">
      </div>
    </div>
@@ -269,13 +270,14 @@
.map-change-button {
  width: 94px;
  position: absolute;
  bottom: 120px;
  right: 0;
  bottom: 50px;
  left: 2416px;
  font-size: 16px;
  color: #FFFFFF;
  z-index: 99;
  text-align: center;
  cursor: pointer;
  font-family: 'PingFang SC';
}
.gddt {
@@ -290,6 +292,8 @@
  display: flex;
  min-height: calc(100% - 64px);
  justify-content: space-between;
  margin-top: -40px;
  padding: 0 22px;
}
//左边 右边 结构一样
@@ -327,6 +331,7 @@
.contetn_lr-item_left {
  width: 50%;
  margin-right: 26px;
}
.contetn_lr-item_contetn {
@@ -414,4 +419,5 @@
.right_wrapper_content {
  width: 617px;
}</style>
}
</style>