Merge branch 'main' of http://8.130.49.250:3000/admin/gr_report_web
This commit is contained in:
@@ -129,35 +129,38 @@ $prefix-cls: #{$namespace}-login;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%) scale(0.7, 0.6);
|
||||
}
|
||||
|
||||
.tags{
|
||||
position:absolute;
|
||||
bottom:20px;
|
||||
left:50%;
|
||||
display: grid;
|
||||
width: 1000px;
|
||||
transform:translateX(-50%);
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
grid-template-rows: auto auto;
|
||||
gap: 20px;
|
||||
|
||||
width: 1000px;
|
||||
position:absolute;
|
||||
left:50%;
|
||||
transform:translateX(-50%);
|
||||
bottom:20px;
|
||||
.module {
|
||||
border-radius: 4px;
|
||||
display: flex;
|
||||
padding: 20px;
|
||||
font-size: 26px;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 4px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
color: #fff;
|
||||
font-size: 26px;
|
||||
font-weight: 600;
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.module img {
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
margin-bottom: 16px;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.module.iot,
|
||||
.module.data-center,
|
||||
.module.report,
|
||||
@@ -168,30 +171,36 @@ $prefix-cls: #{$namespace}-login;
|
||||
margin:0
|
||||
}
|
||||
}
|
||||
|
||||
/* 驾驶舱:深蓝色渐变 */
|
||||
.module.cockpit {
|
||||
grid-row: 1 / 3;
|
||||
background: linear-gradient(180deg, rgb(109 147 245 / 75%), rgb(7 38 111 / 75%));
|
||||
|
||||
img {
|
||||
width: 130px;
|
||||
height: 130px;
|
||||
}
|
||||
background: linear-gradient(180deg, rgba(109, 147, 245, 0.75), rgba(7,38,111, 0.75));
|
||||
}
|
||||
|
||||
/* 物联中台:中蓝色渐变 */
|
||||
.module.iot {
|
||||
background: linear-gradient(180deg, rgba(130, 156, 223, 0.75), rgba(7,38,111, 0.75));
|
||||
background: linear-gradient(180deg, rgb(130 156 223 / 75%), rgb(7 38 111 / 75%));
|
||||
}
|
||||
|
||||
/* 数据中台:青绿色渐变 */
|
||||
.module.data-center {
|
||||
background: linear-gradient(180deg, rgba(46, 192, 182, 0.75), rgba(40, 180, 170, 0.75));
|
||||
background: linear-gradient(180deg, rgb(46 192 182 / 75%), rgb(40 180 170 / 75%));
|
||||
}
|
||||
|
||||
/* 智能报表:绿色渐变 */
|
||||
.module.report {
|
||||
background: linear-gradient(180deg, rgba(77, 212, 122, 0.75), rgba(60, 180, 100, 0.75));
|
||||
background: linear-gradient(180deg, rgb(77 212 122 / 75%), rgb(60 180 100 / 75%));
|
||||
}
|
||||
|
||||
/* 数字孪生:浅蓝色渐变 */
|
||||
.module.digital-twin {
|
||||
background: linear-gradient(180deg, rgba(111, 181, 235, 0.75), rgba(60, 140, 200, 0.75));
|
||||
background: linear-gradient(180deg, rgb(111 181 235 / 75%), rgb(60 140 200 / 75%));
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user