yanghongwei
/
lg_frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改可视化标题

This commit is contained in:
DESKTOP-VMMLSOQ\wangzg 2024-03-22 23:12:34 +08:00
parent 0d8e5555d1
commit 4c0af07c28
2 changed files with 23 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/peakCoalMonitoring/header/header-bg.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 157 KiB

After

Width:  |  Height:  |  Size: 90 KiB

32
pages/peak-coal-monitoring/PeakCoalMonitoring.vue
View File

@ -8,7 +8,8 @@
<div class="header-panel show-top"> <div class="header-panel show-top">
<div class="header-content"> <div class="header-content">
<div class="_title">峰煤智慧监控应用系统</div> <p class="_title">峰煤焦化超低排放"管控治"</p>
<p class="_title sub">一体化平台</p>
</div> </div>
</div> </div>
@ -173,27 +174,40 @@ body, html, #__nuxt, #__layout {
.header-panel { .header-panel {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 160px;
display: flex; display: flex;
flex-flow: row; flex-flow: row;
justify-content: center; justify-content: center;
background: url("~/assets/peakCoalMonitoring/header/header-shadow.png") no-repeat; background: url("~/assets/peakCoalMonitoring/header/header-shadow.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
pointer-events: auto; pointer-events: none;
height: 112px;
.header-content { .header-content {
height: 360px;
width: 100%; width: 100%;
background: url("~/assets/peakCoalMonitoring/header/header-bg.png") no-repeat; background: url("~/assets/peakCoalMonitoring/header/header-bg.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: absolute; height: 112px;
top: -123px; box-sizing: border-box;
padding-top: 30px;
._title{ ._title{
padding-top: 140px;
width: 100%; width: 100%;
height: 60px;
font-family: AlimamaShuHeiTi-Bold; font-family: AlimamaShuHeiTi-Bold;
font-size: 32px; font-size: 25px;
color: #D8F0FF;
letter-spacing: 7.68px;
text-align: center;
text-shadow: 0 0 11px #000000;
font-weight: 700;
margin: 0;
&.sub {
font-size: 18px;
}
}
.subtitle {
width: 100%;
font-family: AlimamaShuHeiTi-Bold;
font-size: 16px;
color: #D8F0FF; color: #D8F0FF;
letter-spacing: 7.68px; letter-spacing: 7.68px;
text-align: center; text-align: center;