首页优化

This commit is contained in:
liuyusheng 2024-04-15 17:31:44 +08:00
parent a116343896
commit 611147c116

View File

@ -27,8 +27,8 @@
}"> }">
<div class="part-title"> <div class="part-title">
<div class="part-alarm"> <div class="part-alarm">
<i class="width-10 hidden-part">R</i> <i class="width-10 hidden-part">R</i>
<i class="width-10">R</i> <i class="width-10">R</i>
<i <i
class="el-icon-warning width-10" class="el-icon-warning width-10"
:class="{'hidden-part' : !isAlarm.rt}" :class="{'hidden-part' : !isAlarm.rt}"
@ -42,8 +42,8 @@
}"> }">
<div class="part-title"> <div class="part-title">
<div class="part-alarm"> <div class="part-alarm">
<i class="width-10 hidden-part">F</i> <i class="width-10 hidden-part">F</i>
<i class="width-10">F</i> <i class="width-10">F</i>
<i <i
class="el-icon-warning width-10" class="el-icon-warning width-10"
:class="{'hidden-part' : !isAlarm.ft}" :class="{'hidden-part' : !isAlarm.ft}"
@ -57,8 +57,8 @@
}"> }">
<div class="part-title"> <div class="part-title">
<div class="part-alarm"> <div class="part-alarm">
<i class="width-10 hidden-part">R</i> <i class="width-10 hidden-part">R</i>
<i class="width-10">R</i> <i class="width-10">R</i>
<i <i
class="el-icon-warning width-10" class="el-icon-warning width-10"
:class="{'hidden-part' : !isAlarm.rb}" :class="{'hidden-part' : !isAlarm.rb}"
@ -72,8 +72,8 @@
}"> }">
<div class="part-title"> <div class="part-title">
<div class="part-alarm"> <div class="part-alarm">
<i class="width-10 hidden-part">F</i> <i class="width-10 hidden-part">F</i>
<i class="width-10">F</i> <i class="width-10">F</i>
<i <i
class="el-icon-warning width-10" class="el-icon-warning width-10"
:class="{'hidden-part' : !isAlarm.fb}" :class="{'hidden-part' : !isAlarm.fb}"
@ -1540,11 +1540,11 @@ export default {
align-items: center; /* 垂直居中 */ align-items: center; /* 垂直居中 */
justify-content: center; /* 水平居中,如果需要的话 */ justify-content: center; /* 水平居中,如果需要的话 */
width: 100%; width: 100%;
color: red; color: #ffba00;
font-size: 5rem; font-size: 2rem;
} }
.width-10 { .width-10 {
width: 10%; width: 15%;
} }
.hidden-part { .hidden-part {
visibility: hidden; visibility: hidden;