|
@@ -58,7 +58,6 @@ export default defineComponent({
|
|
|
});
|
|
|
|
|
|
projectStore.$subscribe((mutation, state) => {
|
|
|
-
|
|
|
const lastAllEnergy = state.lastAllEnergy || {};
|
|
|
allData.lastAllEnergyRes = {
|
|
|
cdmCo2: lastAllEnergy.cdmCo2
|
|
@@ -94,22 +93,23 @@ export default defineComponent({
|
|
|
height: calc(100% - 60px);
|
|
|
padding-top: 10px;
|
|
|
box-sizing: border-box;
|
|
|
+ text-align: center;
|
|
|
// display: flex;
|
|
|
// justify-content: center;
|
|
|
// align-items: center;
|
|
|
color: #f7e6cd;
|
|
|
position: relative;
|
|
|
.svideo {
|
|
|
- width: 100%;
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
.co2Wrap {
|
|
|
position: absolute;
|
|
|
// font-size: 22px;
|
|
|
- font-size: 1.2vw;
|
|
|
+ font-size: 1.1vw;
|
|
|
.value {
|
|
|
padding: 0 8px;
|
|
|
font-size: 24px;
|
|
|
- font-size: 1.4vw;
|
|
|
+ font-size: 1.2vw;
|
|
|
}
|
|
|
.co2Img {
|
|
|
width: 58px;
|
|
@@ -120,22 +120,23 @@ export default defineComponent({
|
|
|
left: 0%;
|
|
|
}
|
|
|
.scarbon {
|
|
|
- top: 3%;
|
|
|
- right: 10%;
|
|
|
+ top: 2%;
|
|
|
+ right: 14%;
|
|
|
}
|
|
|
.stree {
|
|
|
- top: 62%;
|
|
|
- right: 0%;
|
|
|
+ top: 63%;
|
|
|
+ right: 4%;
|
|
|
}
|
|
|
.electWrap {
|
|
|
position: absolute;
|
|
|
- top: 20%;
|
|
|
+ top: 25%;
|
|
|
left: 32%;
|
|
|
- width:200px;
|
|
|
+ width: 28%;
|
|
|
font-size: 30px;
|
|
|
font-size: 1.4vw;
|
|
|
// line-height: 45px;
|
|
|
text-align: center;
|
|
|
+ white-space: nowrap;
|
|
|
color: #f7e6cd;
|
|
|
.value {
|
|
|
margin-top: 5px;
|
|
@@ -150,7 +151,7 @@ export default defineComponent({
|
|
|
}
|
|
|
.verAllClass {
|
|
|
height: 600px;
|
|
|
- padding: 0 36px;
|
|
|
+ padding: 0 50px 50px;
|
|
|
background: rgba(149, 162, 194, 0.1);
|
|
|
backdrop-filter: blur(40px);
|
|
|
border-radius: 20px;
|