样式优化

黄何裕

2024-07-30 1995e710dcf70e635c4edaa8173f8b66cd67d499

 src/views/screen/components/screen-map/index.vue

@@ -1,6 +1,6 @@
<template>
  <div class="map-container">
    <wrapper-title :title="'区域地图'"></wrapper-title>
    <!-- <wrapper-title :title="'区域地图'"></wrapper-title> -->
    <div class="map-content">
      <div ref="map" class="map-style"></div>
    </div>
@@ -11,8 +11,9 @@
<script>
import * as echarts from 'echarts';
import 'echarts-gl';
import mapData from '@/assets/map/zigong1.json';
import mapData from '@/assets/map/zigong2.json';
import WrapperTitle from '../wrapper-title/index';
import ScreenData from '../screen-data/index';

echarts.registerMap('zigong', mapData);
let mapChart = null;
@@ -161,7 +162,8 @@
    }
  },
  components: {
    WrapperTitle
    WrapperTitle,
    ScreenData
  },
  methods: {
    filterData(name) {
@@ -236,6 +238,7 @@

  .map-content {
    flex: 1;
    position: relative;
    // background: rgba(67, 102, 155, 0.3);
    // border: 1px solid rgba(47, 91, 157, 0.8);
  }
@@ -245,4 +248,12 @@
    height: 100%;
  }
}

.data-container {
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}
</style>