liulonglong
/
shuinichang_
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

zyh

This commit is contained in:
unknown 2023-11-22 13:03:49 +08:00
parent 09d94d0a05
commit bc583c5425
2 changed files with 85 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

84
.history/src/views/Index_20231122121015.vue Normal file
View File

@ -0,0 +1,84 @@
<template>
<div class="content">
<div class="home">
<RouterView />
</div>
<div class="footer">
<div>
<img src="../assets/img/生产工艺按钮.png" alt="" class="tabbars1">
<img src="../assets/img/生产工艺按钮选中_hover.png" alt="" class="tabbars1">
<p>生产工艺</p>
</div>
<div>
<img src="../assets/img/能源监测按钮 拷贝.png" alt="" class="tabbars2">
<img src="../assets/img/能源监测按钮 _hover.png" alt="" class="tabbars2">
<p>能源监测</p>
</div>
<div>
<img src="../assets/img/负荷管理按钮 .png" alt="" class="tabbars3">
<img src="../assets/img/负荷管理按钮 拷贝_hover.png" alt="" class="tabbars3">
<p>负荷管理</p>
</div>
<div>
<img src="../assets/img/能效管理按钮 拷贝.png" alt="" class="tabbars4">
<img src="../assets/img/能效管理按钮_hover.png" alt="" class="tabbars4">
<p>能效管理</p>
</div>
<div>
<img src="../assets/img/智能运维按钮 拷贝.png" alt="" class="tabbars5">
<img src="../assets/img/智能运维按_hover.png" alt="" class="tabbars5">
<p>智能运维</p>
</div>
<div>
<img src="../assets/img/碳资产管理.png" alt="" class="tabbars6">
<img src="../assets/img/碳资产管理 拷贝_hover.png" alt="" class="tabbars6">
<p>碳资产管理</p>
</div>
</div>
</div>
</template>
<script>
import { RouterView } from "vue-router";
export default {
name: "index",
components: { RouterView },
};
</script>
<style lang="less" scoped>
*{
margin: 0;
padding: 0;
border: none;
}
.content {
width: 100%;
height: 100%;
background: url(../assets/img/标题.png);
background-size: cover;
.tabbars1{
position: absolute;
left: 2258px;
bottom: 0px;
}
.footer{
width: 100%;
height: 180px;
position: relative;
}
}
/* p {
font-size: 16px;
width: 100px;
height: 100px;
background-color: red;
} */
.home {
width: 100%;
height: 100%;
background-color: transparent;
}
</style>

2
src/views/Index.vue
View File

@ -64,7 +64,7 @@ export default {
}
.footer{
width: 100%;
height: 100%;
height: 180px;
position: relative;
}
}