<template>
  <!-- 环境监测 -->
  <div class="contentBox">
    <div class="titleTxt">{{ title }}</div>
      <div class="air" >
        <airQulityChart :show="true"></airQulityChart> 
      </div>
    <!-- :show="true" -->
  </div>
</template>

<script>
import airQulityChart from "../../homePage/environmentWatch.vue"
export default {
  components:{airQulityChart},
  props: {
    title: {
      type: String,
      default: "default title"
    }
  },
  data() {
    return {
    }
  },
};
</script>

<style lang="less" scoped>
.contentBox {
  width: 100%;
  height: 100%;
  border: 1px solid #0081c3;

  .titleTxt {
    font-size: 18px;
    color: #6ee4f0;
    margin-top: 5px;
    margin-left: 5px;
  }
  .air{
    width: 100%;
    height: 85%;
  }
}
</style>

