派生自 wuyushui/SewerAndRainNetwork

zhangshuaibao
2021-03-30 1b09fe890938f123fbcccf235620384b7cd9b721
src/components/BaseNav/PublicBounced/GasComponents/GasECharts.vue
@@ -1,10 +1,20 @@
<template>
  <!-- 框 -->
  <div class="win">
    <!-- 四个角的边框效果 -->
    <div class="border_corner border_corner_left_top"></div>
    <div class="border_corner border_corner_right_top"></div>
    <div class="border_corner border_corner_left_bottom"></div>
    <div class="border_corner border_corner_right_bottom"></div>
    <div class="main">
  <div class="ShowEcharts">
      <div id="echarts" ref="main"></div>
      <div class="border_corner border_corner_left_top"></div>
      <div class="border_corner border_corner_right_top"></div>
      <div class="border_corner border_corner_left_bottom"></div>
      <div class="border_corner border_corner_right_bottom"></div>
      </div>
    </div>
  </div>
</template>
@@ -153,6 +163,13 @@
</script>
<style scoped lang="less">
    .win {
        width: 100%;
        height: 100%;
        position: relative;
        //display: inline-block;
        background-color: rgba(33, 41, 69,0.9);
    }
    .ShowEcharts{
        position: relative;
        display: inline-block;
@@ -197,4 +214,8 @@
      width: 600px;
      height: 260px;
  }
.main {
  width: 100%;
  height: 100%;
}
</style>