<template>
  <div id="centerLeft1">
      <div class="d-flex">
        <icon name="chart-bar" class="text-icon"></icon>
        <span class="fs-xl text mx-2">设备类型</span>
      </div>
<!--      <dv-border-box-8 dur="0">-->
        <CenterLeft1Chart/>
<!--      </dv-border-box-8>-->
  </div>
</template>

<script>
import CenterLeft1Chart from '@/components/echart/centerLeft/centerLeft1Chart'
export default {
  data() {
    return {
    }
  },
  components: {
    CenterLeft1Chart
  },
}
</script>

<style lang="scss" scoped>
$box-height: 400px;
$box-width: calc(50%);

#centerLeft1 {
  padding: 5px;
  //padding-top: 20px;
  height: $box-height;
  width: $box-width;
  border-radius: 10px;
  .text {
    color: #111b21;
  }
  .bottom-data {
    .item-box {
      & > div {
        padding-right: 5px;
      }
      font-size: 14px;
      float: right;
      position: relative;
      width: 50%;
      color: #111b21;
      .dv-digital-flop {
        width: 120px;
        height: 30px;
      }
    }
  }

}
</style>
