Compare commits
No commits in common. "357e334844e7ba0e2906b84413b0a3efefc1f188" and "09d94d0a053df763121fa4469ec4fba7e37b7c26" have entirely different histories.
357e334844
...
09d94d0a05
|
|
@ -13,9 +13,6 @@
|
||||||
#app {
|
#app {
|
||||||
width: 7680px;
|
width: 7680px;
|
||||||
height: 3240px;
|
height: 3240px;
|
||||||
width: 100vw;
|
|
||||||
height: 100vh;
|
|
||||||
overflow: hidden;
|
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -8,13 +8,6 @@ const routes = [
|
||||||
path: "/",
|
path: "/",
|
||||||
name: "index",
|
name: "index",
|
||||||
component: () => import("../views/Index.vue"),
|
component: () => import("../views/Index.vue"),
|
||||||
children: [
|
|
||||||
{
|
|
||||||
path: "/znyw",
|
|
||||||
name: "znyw",
|
|
||||||
component: () => import("../views/lll/ZNYW.vue"),
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -4,66 +4,34 @@
|
||||||
<RouterView />
|
<RouterView />
|
||||||
</div>
|
</div>
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<div class="box">
|
<div>
|
||||||
<img src="../assets/img/生产工艺按钮.png" alt="" class="tabbars1" />
|
<img src="../assets/img/生产工艺按钮.png" alt="" class="tabbars1">
|
||||||
<img
|
<img src="../assets/img/生产工艺按钮选中_hover.png" alt="" class="tabbars1">
|
||||||
src="../assets/img/生产工艺按钮选中_hover.png"
|
|
||||||
alt=""
|
|
||||||
class="tabbars1"
|
|
||||||
/>
|
|
||||||
<p>生产工艺</p>
|
<p>生产工艺</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<img
|
<img src="../assets/img/能源监测按钮 拷贝.png" alt="" class="tabbars2">
|
||||||
src="../assets/img/能源监测按钮 拷贝.png"
|
<img src="../assets/img/能源监测按钮 _hover.png" alt="" class="tabbars2">
|
||||||
alt=""
|
|
||||||
class="tabbars2"
|
|
||||||
/>
|
|
||||||
<img
|
|
||||||
src="../assets/img/能源监测按钮 _hover.png"
|
|
||||||
alt=""
|
|
||||||
class="tabbars2"
|
|
||||||
/>
|
|
||||||
<p>能源监测</p>
|
<p>能源监测</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<img src="../assets/img/负荷管理按钮 .png" alt="" class="tabbars3" />
|
<img src="../assets/img/负荷管理按钮 .png" alt="" class="tabbars3">
|
||||||
<img
|
<img src="../assets/img/负荷管理按钮 拷贝_hover.png" alt="" class="tabbars3">
|
||||||
src="../assets/img/负荷管理按钮 拷贝_hover.png"
|
|
||||||
alt=""
|
|
||||||
class="tabbars3"
|
|
||||||
/>
|
|
||||||
<p>负荷管理</p>
|
<p>负荷管理</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<img
|
<img src="../assets/img/能效管理按钮 拷贝.png" alt="" class="tabbars4">
|
||||||
src="../assets/img/能效管理按钮 拷贝.png"
|
<img src="../assets/img/能效管理按钮_hover.png" alt="" class="tabbars4">
|
||||||
alt=""
|
|
||||||
class="tabbars4"
|
|
||||||
/>
|
|
||||||
<img
|
|
||||||
src="../assets/img/能效管理按钮_hover.png"
|
|
||||||
alt=""
|
|
||||||
class="tabbars4"
|
|
||||||
/>
|
|
||||||
<p>能效管理</p>
|
<p>能效管理</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<img
|
<img src="../assets/img/智能运维按钮 拷贝.png" alt="" class="tabbars5">
|
||||||
src="../assets/img/智能运维按钮 拷贝.png"
|
<img src="../assets/img/智能运维按_hover.png" alt="" class="tabbars5">
|
||||||
alt=""
|
|
||||||
class="tabbars5"
|
|
||||||
/>
|
|
||||||
<img src="../assets/img/智能运维按_hover.png" alt="" class="tabbars5" />
|
|
||||||
<p>智能运维</p>
|
<p>智能运维</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<img src="../assets/img/碳资产管理.png" alt="" class="tabbars6" />
|
<img src="../assets/img/碳资产管理.png" alt="" class="tabbars6">
|
||||||
<img
|
<img src="../assets/img/碳资产管理 拷贝_hover.png" alt="" class="tabbars6">
|
||||||
src="../assets/img/碳资产管理 拷贝_hover.png"
|
|
||||||
alt=""
|
|
||||||
class="tabbars6"
|
|
||||||
/>
|
|
||||||
<p>碳资产管理</p>
|
<p>碳资产管理</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -79,7 +47,7 @@ export default {
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
* {
|
*{
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: none;
|
border: none;
|
||||||
|
|
@ -89,20 +57,25 @@ export default {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: url(../assets/img/标题.png);
|
background: url(../assets/img/标题.png);
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
.box {
|
.tabbars1{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 2258px;
|
||||||
bottom: 200px;
|
bottom: 0px;
|
||||||
z-index: 100;
|
|
||||||
background-color: red;
|
|
||||||
}
|
}
|
||||||
.footer {
|
.footer{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 200px;
|
height: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* p {
|
||||||
|
font-size: 16px;
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
background-color: red;
|
||||||
|
} */
|
||||||
|
|
||||||
.home {
|
.home {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
|
||||||
|
|
@ -1,20 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="box">
|
|
||||||
<div class="left">
|
|
||||||
<img src="../../assets/img/标题/智能运维.png" class="title" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script></script>
|
|
||||||
<style lang="less" scoped>
|
|
||||||
.left {
|
|
||||||
width: 1237px;
|
|
||||||
height: 2500px;
|
|
||||||
background-image: url("../../assets/img/侧边.png");
|
|
||||||
margin-top: 289px;
|
|
||||||
.title {
|
|
||||||
margin-top: 15px;
|
|
||||||
margin-left: 100px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
Loading…
Reference in New Issue