<template>
  <div class="content">
    <div class="home">
      <RouterView />
    </div>
    <div class="footer">
      <div>
        <img src="../assets/img/生产工艺按钮.png" alt="" class="tabbars">
        <img src="../assets/img/生产工艺按钮选中_hover.png" alt="" class="tabbars">
        <p>生产工艺</p>
      </div>
      <div>
        <img src="../assets/img/能源监测按钮  拷贝.png" alt="" class="tabbars">
        <img src="../assets/img/能源监测按钮 _hover.png" alt="" class="tabbars">
        <p>能源监测</p>
      </div>
      <div>
        <img src="../assets/img/负荷管理按钮 .png" alt="" class="tabbars">
        <img src="../assets/img/负荷管理按钮  拷贝_hover.png" alt="" class="tabbars">
        <p>负荷管理</p>
      </div>
      <div>
        <img src="../assets/img/能效管理按钮  拷贝.png" alt="" class="tabbars">
        <img src="../assets/img/能效管理按钮_hover.png" alt="" class="tabbars">
        <p>能效管理</p>
      </div>
      <div>
        <img src="../assets/img/智能运维按钮   拷贝.png" alt="" class="tabbars">
        <img src="../assets/img/智能运维按_hover.png" alt="" class="tabbars">
        <p>智能运维</p>
      </div>
      <div>
        <img src="../assets/img/碳资产管理.png" alt="" class="tabbars">
        <img src="../assets/img/碳资产管理 拷贝_hover.png" alt="" class="tabbars">
        <p>碳资产管理</p>
      </div>
    </div>
  </div>
</template>

<script>
import { RouterView } from "vue-router";

export default {
  name: "index",
  components: { RouterView },
};
</script>
<style scoped>
.content {
  width: 100%;
  height: 100%;
  background: url(../assets/img/标题.png);
  background-size: cover;
}

/* p {
  font-size: 16px;
  width: 100px;
  height: 100px;
  background-color: red;
} */

.home {
  width: 100%;
  height: 100%;
  background-color: transparent;
}
</style>
