taoge_xiaodi/maintenance_system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改

Browse Source
This commit is contained in:
re-JZzzz
2025-11-15 09:57:54 +08:00
parent ee119fb534
commit d06f5679b3
4 changed files with 49 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/ueimg/bg.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 60 KiB

After

Width:  |  Height:  |  Size: 26 KiB

BIN
src/assets/ueimg/bg1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

51
src/views/ueScreen/components/leftPage.vue
View File

@ -1,6 +1,20 @@
<template> <template>
<div class="leftpageContainer"> <div class="leftpageContainer">
<!-- 头部图表 --> <!-- 头部图表 -->
<div class="topInfoContainer">
<div class="left">
<span class="top">
<span class="num">365</span>
<span class="unit">day</span>
</span>
<span class="desc">
运行天数
</span>
</div>
<div class="right">
</div>
</div>
<!-- 中部图表 --> <!-- 中部图表 -->
<div class="middleInfo"> <div class="middleInfo">
<SmallTitle :title="'光伏电站总览'" /> <SmallTitle :title="'光伏电站总览'" />
@ -109,7 +123,37 @@ const infoList = ref([
@import '@/views/ueScreen/gis.scss'; @import '@/views/ueScreen/gis.scss';
.leftpageContainer { .leftpageContainer {
// 头部图表
.topInfoContainer {
width: vw(467);
height: vh(128);
.left {
width: vw(180);
height: vh(140);
background-image: url('@/assets/ueimg/bg1.png');
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
justify-content: center;
align-items: center;
position: relative;
.top {
position: absolute;
top: vh(14);
.num {
font-size: vh(24);
}
.unit {
font-size: vh(12);
color: rgba(255, 255, 255, 0.7);
}
}
.desc {
font-size: vh(12);
}
}
}
// 中部信息 // 中部信息
.middleInfo { .middleInfo {
@ -120,8 +164,9 @@ const infoList = ref([
// padding: vw(8); // padding: vw(8);
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
background-image: url('@/assets/ueimg/circle1.png'); background-image: url('@/assets/ueimg/bg.png');
background-size: 100% 100%; background-size: 100% 100%;
margin-bottom: vh(12);
.totalView { .totalView {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -189,7 +234,7 @@ const infoList = ref([
.infoItem { .infoItem {
display: flex; display: flex;
align-items: center; align-items: center;
width: vw(465.8); width: vw(467);
height: vh(74); height: vh(74);
background-image: url('@/assets/ueimg/item.png'); background-image: url('@/assets/ueimg/item.png');
background-size: cover; background-size: cover;

2
src/views/ueScreen/components/smalltitle.vue
View File

@ -23,7 +23,7 @@ const props = defineProps({
background-image: url('@/assets/ueimg/title.png'); background-image: url('@/assets/ueimg/title.png');
background-size: cover; background-size: cover;
border: vw(1) solid rgba(255, 255, 255, 1); border: vw(1) solid rgba(255, 255, 255, 1);
width: vw(465.8); width: vw(467);
height: vh(40); height: vh(40);
display: flex; display: flex;
align-items: center; align-items: center;