| | |
| | | import CenterMap from "./center-map.vue"; |
| | | |
| | | // 控制地图显示 |
| | | import {mapState} from '@/stores/map.js'; |
| | | import { mapState } from '@/stores/map.js'; |
| | | |
| | | import { ref } from "vue"; |
| | | |
| | |
| | | </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> |
| | | |
| | | <!-- 右边区域 --> |
| | |
| | | <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> |
| | | |
| | |
| | | .map-change-button { |
| | | width: 94px; |
| | | position: absolute; |
| | | bottom: 120px; |
| | | right: 0; |
| | | bottom: 100px; |
| | | left: 2416px; |
| | | font-size: 16px; |
| | | color: #FFFFFF; |
| | | z-index: 99; |
| | | text-align: center; |
| | | cursor: pointer; |
| | | font-family: 'PingFang SC'; |
| | | } |
| | | |
| | | .gddt { |
| | |
| | | display: flex; |
| | | min-height: calc(100% - 64px); |
| | | justify-content: space-between; |
| | | margin-top: -40px; |
| | | padding: 0 22px; |
| | | } |
| | | |
| | | //左边 右边 结构一样 |
| | |
| | | |
| | | .contetn_lr-item_left { |
| | | width: 50%; |
| | | margin-right: 26px; |
| | | } |
| | | |
| | | .contetn_lr-item_contetn { |
| | |
| | | |
| | | .right_wrapper_content { |
| | | width: 617px; |
| | | }</style> |
| | | } |
| | | </style> |