liubiao/dyf-vue-ui
1
0
Fork 0
forked from dyf/dyf-vue-ui
Code Pull Requests Activity

数据大屏整个框完成

Browse Source
This commit is contained in:
fengerli
2025-09-27 17:58:07 +08:00
parent 997c88ae57
commit e865ea34b9
1 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/views/homeIndex/components/AlarmOverview.vue
View File

@ -2,16 +2,22 @@
<div> <div>
<div class="alarmOvery"> <div class="alarmOvery">
<div class="alarm"> <div class="alarm">
<div class="alarmIMG"></div> <div class="alarmIMG">
<div class="alarmNum">1000 <span>个</span></div>
</div>
<div class="alarmText">正在报警</div> <div class="alarmText">正在报警</div>
</div> </div>
<div class="alarm"> <div class="alarm">
<div class="alarmIMG"></div> <div class="alarmIMG">
<div class="alarmNum">1000 <span>个</span></div>
</div>
<div class="alarmText">报警总数</div> <div class="alarmText">报警总数</div>
</div> </div>
<div class="alarm"> <div class="alarm">
<div class="alarmIMG"></div> <div class="alarmIMG">
<div class="alarmNum">1000 <span>个</span></div>
</div>
<div class="alarmText">已处理</div> <div class="alarmText">已处理</div>
</div> </div>
</div> </div>
@ -37,9 +43,14 @@
height: 12vh; height: 12vh;
background: url(@/assets/homeIndex/alarmIMG.png) no-repeat; background: url(@/assets/homeIndex/alarmIMG.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative;
} }
.alarmText{ .alarmText{
padding-top: 1.5vh; padding-top: 1.5vh;
} }
.alarmNum{
line-height: 12vh;
color: radial-gradient(0deg, #F63838 0%, #FFFFFF 100%);
}
</style> </style>