<!--峰煤监控系统-->
<template>
  <div class="peak-coal-monitoring">
    <div class="header-content"></div>
  </div>
</template>

<script>
export default {
  name: "PeakCoalMonitoring"
}
</script>

<style>
body, html, #__nuxt, #__layout {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.list-enter-active, .list-leave-active {
  transition: all 0.5s;
}

.list-enter, .list-leave-to
  /* .list-leave-active for below version 2.1.8 */
{
  opacity: 0;
  transform: translateY(30px);
}
</style>

<style scoped lang="less">
@import "../../assets/styles/mixin";

.peak-coal-monitoring {
  width: 100%;
  height: 100%;
  position: relative;
  .header-content{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 80px;
    background: url("~/assets/peakCoalMonitoring/header/header-bg.png") no-repeat center center;
    background-size: 1000px 80px;
  }
}
</style>

