<template>
  <section class="monitor-group">

  </section>
</template>

<script>
// import { mapState } from "vuex";

export default {
  name: "MonitorGroup",
  props: {},
  components: {},
  data() {
    return {};
  },
  computed: {
    // ...mapState(["kilnWaterIn", "waterInTemp"]),
  },
};
</script>

<style scoped lang="scss">
@import "../../assets/styles/functions";

section {
  background: url('../../assets/monitor-group.png') left 144px top 4px / 1152px 80% no-repeat, #ccc7;
  width: adjust(w(3570px));
  height: adjust(h(3790px));
  position: absolute;
  top: adjust(h(430px));
  left: adjust(w(80px));
}

section::before {
  content: '监控组 1';
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, "微软雅黑", Arial, Helvetica, sans-serif;
  font-size: adjust(h(64px));
  font-weight: 400;
  letter-spacing: 1px;
  position: absolute;
  color: $main-color;
  top: 0;
  left: 0;
}
</style>
