样式优化

黄何裕

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/zigong.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;
@@ -45,7 +46,7 @@
    viewControl: {
      beta: -30,
      alpha: 50,
      distance: 105,
      distance: 78,
      maxBeta: 180,
      panSensitivity: 0,
      zoomSensitivity: 1,
@@ -93,7 +94,7 @@
      viewControl: {
        beta: -30,
        alpha: 50,
        distance: 105,
        distance: 78,
        maxBeta: 180,
        panSensitivity: 0,
        zoomSensitivity: 1,
@@ -161,7 +162,8 @@
    }
  },
  components: {
    WrapperTitle
    WrapperTitle,
    ScreenData
  },
  methods: {
    filterData(name) {
@@ -236,8 +238,9 @@

  .map-content {
    flex: 1;
    background: rgba(67, 102, 155, 0.3);
    border: 1px solid rgba(47, 91, 157, 0.8);
    position: relative;
    // background: rgba(67, 102, 155, 0.3);
    // border: 1px solid rgba(47, 91, 157, 0.8);
  }

  .map-style {
@@ -245,4 +248,12 @@
    height: 100%;
  }
}

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