This commit is contained in:
unknown 2023-11-22 12:09:08 +08:00
parent 2bccbdac1b
commit 09d94d0a05
47 changed files with 2668 additions and 22 deletions

View File

@ -0,0 +1,17 @@
<template>
<div id="app">
<router-view />
</div>
</template>
<style>
* {
margin: 0;
padding: 0;
}
#app {
width: 100vw;
height: 100vh;
background-color: transparent;
}
</style>

View File

@ -0,0 +1,17 @@
<template>
<div id="app">
<router-view />
</div>
</template>
<style>
* {
margin: 0;
padding: 0;
}
#app {
width: 7680px;
height: 3240px;
background-color: transparent;
}
</style>

View File

@ -0,0 +1,18 @@
<template>
<div id="app">
<router-view />
</div>
</template>
<style>
* {
margin: 0;
padding: 0;
}
#app {
width: 7680px;
height: 3240px;
background-color: transparent;
}
</style>

View File

@ -0,0 +1,45 @@
<template>
<div class="content">
<div class="home">
<p>11111111111</p>
<RouterView />
</div>
</div>
</template>
<script>
import { RouterView } from "vue-router";
export default {
name: "index",
components: { RouterView },
};
</script>
<style scoped>
.header {
width: 100%;
height: 4%;
color: black;
font-size: 18px;
}
.footer {
width: 100%;
height: 4%;
color: black;
font-size: 18px;
}
p {
font-size: 16px;
width: 100px;
height: 100px;
background-color: red;
}
.home {
width: 100%;
height: 100%;
background-color: transparent;
}
</style>

View File

@ -0,0 +1,36 @@
<template>
<div class="content">
<div class="home">
<p>11111111111</p>
<RouterView />
</div>
</div>
</template>
<script>
import { RouterView } from "vue-router";
export default {
name: "index",
components: { RouterView },
};
</script>
<style scoped>
.content {
background: url(../assets/img/标题.png);
background-size: 100% 100%;
}
p {
font-size: 16px;
width: 100px;
height: 100px;
background-color: red;
}
.home {
width: 100%;
height: 100%;
background-color: transparent;
}
</style>

View File

@ -0,0 +1,36 @@
<template>
<div class="content">
<div class="home">
<p>11111111111</p>
<RouterView />
</div>
</div>
</template>
<script>
import { RouterView } from "vue-router";
export default {
name: "index",
components: { RouterView },
};
</script>
<style scoped>
.content {
background: url(../assets/img/标题.png);
background-size: 100%;
}
p {
font-size: 16px;
width: 100px;
height: 100px;
background-color: red;
}
.home {
width: 100%;
height: 100%;
background-color: transparent;
}
</style>

View File

@ -0,0 +1,36 @@
<template>
<div class="content">
<div class="home">
<p>11111111111</p>
<RouterView />
</div>
</div>
</template>
<script>
import { RouterView } from "vue-router";
export default {
name: "index",
components: { RouterView },
};
</script>
<style scoped>
.content {
background: url(../assets/img/标题.png);
background-size: 100%;
}
p {
font-size: 16px;
width: 100px;
height: 100px;
background-color: red;
}
.home {
width: 100%;
height: 100%;
background-color: transparent;
}
</style>

View File

@ -0,0 +1,36 @@
<template>
<div class="content">
<div class="home">
<!-- <p>11111111111</p> -->
<!-- <RouterView /> -->
</div>
</div>
</template>
<script>
import { RouterView } from "vue-router";
export default {
name: "index",
components: { RouterView },
};
</script>
<style scoped>
.content {
background: url(../assets/img/标题.png);
background-size: 100%;
}
p {
font-size: 16px;
width: 100px;
height: 100px;
background-color: red;
}
.home {
width: 100%;
height: 100%;
background-color: transparent;
}
</style>

View File

@ -0,0 +1,36 @@
<template>
<div class="content">
<div class="home">
<!-- <p>11111111111</p> -->
<RouterView />
</div>
</div>
</template>
<script>
import { RouterView } from "vue-router";
export default {
name: "index",
components: { RouterView },
};
</script>
<style scoped>
.content {
background: url(../assets/img/标题.png);
background-size: 100%;
}
p {
font-size: 16px;
width: 100px;
height: 100px;
background-color: red;
}
.home {
width: 100%;
height: 100%;
background-color: transparent;
}
</style>

View File

@ -0,0 +1,36 @@
<template>
<div class="content">
<div class="home">
<p>11111111111</p>
<!-- <RouterView /> -->
</div>
</div>
</template>
<script>
import { RouterView } from "vue-router";
export default {
name: "index",
components: { RouterView },
};
</script>
<style scoped>
.content {
background: url(../assets/img/标题.png);
background-size: 100%;
}
p {
font-size: 16px;
width: 100px;
height: 100px;
background-color: red;
}
.home {
width: 100%;
height: 100%;
background-color: transparent;
}
</style>

View File

@ -0,0 +1,36 @@
<template>
<div class="content">
<div class="home">
<p>11111111111</p>
<!-- <RouterView /> -->
</div>
</div>
</template>
<script>
import { RouterView } from "vue-router";
export default {
name: "index",
components: { RouterView },
};
</script>
<style scoped>
.content {
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>

View File

@ -0,0 +1,35 @@
<template>
<div class="content">
<div class="home">
<!-- <RouterView /> -->
</div>
</div>
</template>
<script>
import { RouterView } from "vue-router";
export default {
name: "index",
components: { RouterView },
};
</script>
<style scoped>
.content {
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>

View File

@ -0,0 +1,35 @@
<template>
<div class="content">
<div class="home">
<!-- <RouterView /> -->
</div>
</div>
</template>
<script>
import { RouterView } from "vue-router";
export default {
name: "index",
components: { RouterView },
};
</script>
<style scoped>
.content {
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>

View File

@ -0,0 +1,37 @@
<template>
<div class="content">
<div class="home">
<!-- <RouterView /> -->
</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>

View File

@ -0,0 +1,37 @@
<template>
<div class="content">
<div class="home">
<RouterView />
</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>

View File

@ -0,0 +1,37 @@
<template>
<div class="content">
<div class="home">
<RouterView />
</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>

View File

@ -0,0 +1,40 @@
<template>
<div class="content">
<div class="home">
<RouterView />
</div>
<div class="footer">
</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>

View File

@ -0,0 +1,61 @@
<template>
<div class="content">
<div class="home">
<RouterView />
</div>
<div class="footer">
<div>
<img src="" alt="">
<p></p>
</div>
<div>
<img src="" alt="">
<p></p>
</div>
<div>
<img src="" alt="">
<p></p>
</div>
<div>
<img src="" alt="">
</div>
<div>
<img src="" alt="">
<p></p>
</div>
<div>
<img src="" alt="">
<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>

View File

@ -0,0 +1,67 @@
<template>
<div class="content">
<div class="home">
<RouterView />
</div>
<div class="footer">
<div>
<img src="" alt="">
<img src="" alt="">
<p></p>
</div>
<div>
<img src="" alt="">
<img src="" alt="">
<p></p>
</div>
<div>
<img src="" alt="">
<img src="" alt="">
<p></p>
</div>
<div>
<img src="" alt="">
<img src="" alt="">
</div>
<div>
<img src="" alt="">
<img src="" alt="">
<p></p>
</div>
<div>
<img src="" alt="">
<img src="" alt="">
<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>

View File

@ -0,0 +1,67 @@
<template>
<div class="content">
<div class="home">
<RouterView />
</div>
<div class="footer">
<div>
<img src="" alt="">
<img src="" alt="">
<p>生产工艺</p>
</div>
<div>
<img src="" alt="">
<img src="" alt="">
<p></p>
</div>
<div>
<img src="" alt="">
<img src="" alt="">
<p></p>
</div>
<div>
<img src="" alt="">
<img src="" alt="">
</div>
<div>
<img src="" alt="">
<img src="" alt="">
<p></p>
</div>
<div>
<img src="" alt="">
<img src="" alt="">
<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>

View File

@ -0,0 +1,67 @@
<template>
<div class="content">
<div class="home">
<RouterView />
</div>
<div class="footer">
<div>
<img src="../assets/img/碳资产管理.png" alt="">
<img src="../assets/img/碳资产管理 拷贝_hover.png" alt="">
<p>生产工艺</p>
</div>
<div>
<img src="../assets/img/能源监测按钮 _hover.png" alt="">
<img src="../assets/img/能源监测按钮 拷贝.png" alt="">
<p>能源监测</p>
</div>
<div>
<img src="../assets/img/负荷管理按钮 .png" alt="">
<img src="../assets/img/负荷管理按钮 拷贝_hover.png" alt="">
<p>负荷管理</p>
</div>
<div>
<img src="" alt="">
<img src="" alt="">
</div>
<div>
<img src="" alt="">
<img src="" alt="">
<p></p>
</div>
<div>
<img src="" alt="">
<img src="" alt="">
<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>

View File

@ -0,0 +1,67 @@
<template>
<div class="content">
<div class="home">
<RouterView />
</div>
<div class="footer">
<div>
<p>生产工艺</p>
</div>
<div>
<img src="../assets/img/能源监测按钮 _hover.png" alt="">
<img src="../assets/img/能源监测按钮 拷贝.png" alt="">
<p>能源监测</p>
</div>
<div>
<img src="../assets/img/负荷管理按钮 .png" alt="">
<img src="../assets/img/负荷管理按钮 拷贝_hover.png" alt="">
<p>负荷管理</p>
</div>
<div>
<img src="../assets/img/能效管理按钮_hover.png" alt="">
<img src="../assets/img/能效管理按钮 拷贝.png" alt="">
<p>能效管理</p>
</div>
<div>
<img src="" alt="">
<img src="" alt="">
<p>智能运维</p>
</div>
<div>
<img src="../assets/img/碳资产管理.png" alt="">
<img src="../assets/img/碳资产管理 拷贝_hover.png" alt="">
<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>

View File

@ -0,0 +1,68 @@
<template>
<div class="content">
<div class="home">
<RouterView />
</div>
<div class="footer">
<div>
<img src="../assets/img/生产工艺按钮.png" alt="">
<img src="../assets/img/生产工艺按钮选中_hover.png" alt="">
<p>生产工艺</p>
</div>
<div>
<img src="../assets/img/能源监测按钮 _hover.png" alt="">
<img src="../assets/img/能源监测按钮 拷贝.png" alt="">
<p>能源监测</p>
</div>
<div>
<img src="../assets/img/负荷管理按钮 .png" alt="">
<img src="../assets/img/负荷管理按钮 拷贝_hover.png" alt="">
<p>负荷管理</p>
</div>
<div>
<img src="../assets/img/能效管理按钮_hover.png" alt="">
<img src="../assets/img/能效管理按钮 拷贝.png" alt="">
<p>能效管理</p>
</div>
<div>
<img src="" alt="">
<img src="" alt="">
<p>智能运维</p>
</div>
<div>
<img src="../assets/img/碳资产管理.png" alt="">
<img src="../assets/img/碳资产管理 拷贝_hover.png" alt="">
<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>

View File

@ -0,0 +1,68 @@
<template>
<div class="content">
<div class="home">
<RouterView />
</div>
<div class="footer">
<div>
<img src="../assets/img/生产工艺按钮.png" alt="">
<img src="../assets/img/生产工艺按钮选中_hover.png" alt="">
<p>生产工艺</p>
</div>
<div>
<img src="../assets/img/能源监测按钮 _hover.png" alt="">
<img src="../assets/img/能源监测按钮 拷贝.png" alt="">
<p>能源监测</p>
</div>
<div>
<img src="../assets/img/负荷管理按钮 .png" alt="">
<img src="../assets/img/负荷管理按钮 拷贝_hover.png" alt="">
<p>负荷管理</p>
</div>
<div>
<img src="../assets/img/能效管理按钮_hover.png" alt="">
<img src="../assets/img/能效管理按钮 拷贝.png" alt="">
<p>能效管理</p>
</div>
<div>
<img src="../assets/img/智能运维按_hover.png" alt="">
<img src="../assets/img/智能运维按钮 拷贝.png" alt="">
<p>智能运维</p>
</div>
<div>
<img src="../assets/img/碳资产管理.png" alt="">
<img src="../assets/img/碳资产管理 拷贝_hover.png" alt="">
<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>

View File

@ -0,0 +1,68 @@
<template>
<div class="content">
<div class="home">
<RouterView />
</div>
<div class="footer">
<div>
<img src="../assets/img/生产工艺按钮.png" alt="">
<img src="../assets/img/生产工艺按钮选中_hover.png" alt="">
<p>生产工艺</p>
</div>
<div>
<img src="../assets/img/能源监测按钮 _hover.png" alt="">
<img src="../assets/img/能源监测按钮 拷贝.png" alt="">
<p>能源监测</p>
</div>
<div>
<img src="../assets/img/负荷管理按钮 .png" alt="">
<img src="../assets/img/负荷管理按钮 拷贝_hover.png" alt="">
<p>负荷管理</p>
</div>
<div>
<img src="../assets/img/能效管理按钮 拷贝.png" alt="">
<img src="../assets/img/能效管理按钮_hover.png" alt="">
<p>能效管理</p>
</div>
<div>
<img src="../assets/img/智能运维按钮 拷贝.png" alt="">
<img src="../assets/img/智能运维按_hover.png" alt="">
<p>智能运维</p>
</div>
<div>
<img src="../assets/img/碳资产管理.png" alt="">
<img src="../assets/img/碳资产管理 拷贝_hover.png" alt="">
<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>

View File

@ -0,0 +1,68 @@
<template>
<div class="content">
<div class="home">
<RouterView />
</div>
<div class="footer">
<div>
<img src="../assets/img/生产工艺按钮.png" alt="">
<img src="../assets/img/生产工艺按钮选中_hover.png" alt="">
<p>生产工艺</p>
</div>
<div>
<img src="../assets/img/能源监测按钮 拷贝.png" alt="">
<img src="../assets/img/能源监测按钮 _hover.png" alt="">
<p>能源监测</p>
</div>
<div>
<img src="../assets/img/负荷管理按钮 .png" alt="">
<img src="../assets/img/负荷管理按钮 拷贝_hover.png" alt="">
<p>负荷管理</p>
</div>
<div>
<img src="../assets/img/能效管理按钮 拷贝.png" alt="">
<img src="../assets/img/能效管理按钮_hover.png" alt="">
<p>能效管理</p>
</div>
<div>
<img src="../assets/img/智能运维按钮 拷贝.png" alt="">
<img src="../assets/img/智能运维按_hover.png" alt="">
<p>智能运维</p>
</div>
<div>
<img src="../assets/img/碳资产管理.png" alt="">
<img src="../assets/img/碳资产管理 拷贝_hover.png" alt="">
<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>

View File

@ -0,0 +1,68 @@
<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="">
<p>生产工艺</p>
</div>
<div>
<img src="../assets/img/能源监测按钮 拷贝.png" alt="">
<img src="../assets/img/能源监测按钮 _hover.png" alt="">
<p>能源监测</p>
</div>
<div>
<img src="../assets/img/负荷管理按钮 .png" alt="">
<img src="../assets/img/负荷管理按钮 拷贝_hover.png" alt="">
<p>负荷管理</p>
</div>
<div>
<img src="../assets/img/能效管理按钮 拷贝.png" alt="">
<img src="../assets/img/能效管理按钮_hover.png" alt="">
<p>能效管理</p>
</div>
<div>
<img src="../assets/img/智能运维按钮 拷贝.png" alt="">
<img src="../assets/img/智能运维按_hover.png" alt="">
<p>智能运维</p>
</div>
<div>
<img src="../assets/img/碳资产管理.png" alt="">
<img src="../assets/img/碳资产管理 拷贝_hover.png" alt="">
<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>

View File

@ -0,0 +1,68 @@
<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="">
<img src="../assets/img/能源监测按钮 _hover.png" alt="">
<p>能源监测</p>
</div>
<div>
<img src="../assets/img/负荷管理按钮 .png" alt="">
<img src="../assets/img/负荷管理按钮 拷贝_hover.png" alt="">
<p>负荷管理</p>
</div>
<div>
<img src="../assets/img/能效管理按钮 拷贝.png" alt="">
<img src="../assets/img/能效管理按钮_hover.png" alt="">
<p>能效管理</p>
</div>
<div>
<img src="../assets/img/智能运维按钮 拷贝.png" alt="">
<img src="../assets/img/智能运维按_hover.png" alt="">
<p>智能运维</p>
</div>
<div>
<img src="../assets/img/碳资产管理.png" alt="">
<img src="../assets/img/碳资产管理 拷贝_hover.png" alt="">
<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>

View File

@ -0,0 +1,68 @@
<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>

View File

@ -0,0 +1,69 @@
<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>

View File

@ -0,0 +1,69 @@
<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 lang="less" 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>

View File

@ -0,0 +1,74 @@
<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 lang="less" scoped>
.content {
width: 100%;
height: 100%;
background: url(../assets/img/标题.png);
background-size: cover;
.tabbars{
position: absolute;
left: 200px;
bottom: 200px;
}
}
/* p {
font-size: 16px;
width: 100px;
height: 100px;
background-color: red;
} */
.home {
width: 100%;
height: 100%;
background-color: transparent;
}
</style>

View File

@ -0,0 +1,74 @@
<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 lang="less" scoped>
.content {
width: 100%;
height: 100%;
background: url(../assets/img/标题.png);
background-size: cover;
.tabbars{
position: absolute;
left: 1784px;
bottom: -20px;
}
}
/* p {
font-size: 16px;
width: 100px;
height: 100px;
background-color: red;
} */
.home {
width: 100%;
height: 100%;
background-color: transparent;
}
</style>

View File

@ -0,0 +1,74 @@
<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>
.content {
width: 100%;
height: 100%;
background: url(../assets/img/标题.png);
background-size: cover;
.tabbars1{
position: absolute;
left: 1784px;
bottom: -20px;
}
}
/* p {
font-size: 16px;
width: 100px;
height: 100px;
background-color: red;
} */
.home {
width: 100%;
height: 100%;
background-color: transparent;
}
</style>

View File

@ -0,0 +1,78 @@
<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;
}
.content {
width: 100%;
height: 100%;
background: url(../assets/img/标题.png);
background-size: cover;
.tabbars1{
position: absolute;
left: 1784px;
bottom: -20px;
}
}
/* p {
font-size: 16px;
width: 100px;
height: 100px;
background-color: red;
} */
.home {
width: 100%;
height: 100%;
background-color: transparent;
}
</style>

View File

@ -0,0 +1,79 @@
<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: 1784px;
bottom: -20px;
}
}
/* p {
font-size: 16px;
width: 100px;
height: 100px;
background-color: red;
} */
.home {
width: 100%;
height: 100%;
background-color: transparent;
}
</style>

View File

@ -0,0 +1,79 @@
<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: 7680px;
height: 3240px;
background: url(../assets/img/标题.png);
background-size: cover;
.tabbars1{
position: absolute;
left: 1784px;
bottom: -20px;
}
}
/* p {
font-size: 16px;
width: 100px;
height: 100px;
background-color: red;
} */
.home {
width: 100%;
height: 100%;
background-color: transparent;
}
</style>

View File

@ -0,0 +1,79 @@
<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: 1784px;
bottom: -20px;
}
}
/* p {
font-size: 16px;
width: 100px;
height: 100px;
background-color: red;
} */
.home {
width: 100%;
height: 100%;
background-color: transparent;
}
</style>

View File

@ -0,0 +1,79 @@
<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: -20px;
}
}
/* p {
font-size: 16px;
width: 100px;
height: 100px;
background-color: red;
} */
.home {
width: 100%;
height: 100%;
background-color: transparent;
}
</style>

View File

@ -0,0 +1,79 @@
<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: 172px;
}
}
/* p {
font-size: 16px;
width: 100px;
height: 100px;
background-color: red;
} */
.home {
width: 100%;
height: 100%;
background-color: transparent;
}
</style>

View File

@ -0,0 +1,79 @@
<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: 59px;
}
}
/* p {
font-size: 16px;
width: 100px;
height: 100px;
background-color: red;
} */
.home {
width: 100%;
height: 100%;
background-color: transparent;
}
</style>

View File

@ -0,0 +1,79 @@
<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: 59px;
}
}
/* p {
font-size: 16px;
width: 100px;
height: 100px;
background-color: red;
} */
.home {
width: 100%;
height: 100%;
background-color: transparent;
}
</style>

View File

@ -0,0 +1,79 @@
<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;
}
}
/* p {
font-size: 16px;
width: 100px;
height: 100px;
background-color: red;
} */
.home {
width: 100%;
height: 100%;
background-color: transparent;
}
</style>

View File

@ -0,0 +1,82 @@
<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{
position: relative;
}
}
/* p {
font-size: 16px;
width: 100px;
height: 100px;
background-color: red;
} */
.home {
width: 100%;
height: 100%;
background-color: transparent;
}
</style>

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: 100%;
position: relative;
}
}
/* p {
font-size: 16px;
width: 100px;
height: 100px;
background-color: red;
} */
.home {
width: 100%;
height: 100%;
background-color: transparent;
}
</style>

View File

@ -9,9 +9,10 @@
margin: 0;
padding: 0;
}
#app {
width: 100vw;
height: 100vh;
width: 7680px;
height: 3240px;
background-color: transparent;
}
</style>

View File

@ -1,14 +1,39 @@
<template>
<div>
<div class="header">
头部
</div>
<div class="content">
<div class="home">
<p>11111111111</p>
<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>
@ -21,27 +46,36 @@ export default {
components: { RouterView },
};
</script>
<style scoped>
.header {
<style lang="less" scoped>
*{
margin: 0;
padding: 0;
border: none;
}
.content {
width: 100%;
height: 4%;
color: black;
font-size: 18px;
height: 100%;
background: url(../assets/img/标题.png);
background-size: cover;
.tabbars1{
position: absolute;
left: 2258px;
bottom: 0px;
}
.footer{
width: 100%;
height: 100%;
position: relative;
}
}
.footer {
width: 100%;
height: 4%;
color: black;
font-size: 18px;
}
p {
/* p {
font-size: 16px;
width: 100px;
height: 100px;
background-color: red;
}
} */
.home {
width: 100%;
height: 100%;