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%;
|
left: 50%;
|
||||||
transform: translate(-50%, -50%) scale(0.7, 0.6);
|
transform: translate(-50%, -50%) scale(0.7, 0.6);
|
||||||
}
|
}
|
||||||
|
|
||||||
.tags{
|
.tags{
|
||||||
|
position:absolute;
|
||||||
|
bottom:20px;
|
||||||
|
left:50%;
|
||||||
display: grid;
|
display: grid;
|
||||||
|
width: 1000px;
|
||||||
|
transform:translateX(-50%);
|
||||||
grid-template-columns: 1fr 1fr 1fr;
|
grid-template-columns: 1fr 1fr 1fr;
|
||||||
grid-template-rows: auto auto;
|
grid-template-rows: auto auto;
|
||||||
gap: 20px;
|
gap: 20px;
|
||||||
|
|
||||||
width: 1000px;
|
|
||||||
position:absolute;
|
|
||||||
left:50%;
|
|
||||||
transform:translateX(-50%);
|
|
||||||
bottom:20px;
|
|
||||||
.module {
|
.module {
|
||||||
border-radius: 4px;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
|
padding: 20px;
|
||||||
|
font-size: 26px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
border-radius: 4px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
color: #fff;
|
|
||||||
font-size: 26px;
|
|
||||||
font-weight: 600;
|
|
||||||
padding: 20px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.module img {
|
.module img {
|
||||||
width: 72px;
|
width: 72px;
|
||||||
height: 72px;
|
height: 72px;
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
}
|
}
|
||||||
|
|
||||||
.module.iot,
|
.module.iot,
|
||||||
.module.data-center,
|
.module.data-center,
|
||||||
.module.report,
|
.module.report,
|
||||||
@@ -168,30 +171,36 @@ $prefix-cls: #{$namespace}-login;
|
|||||||
margin:0
|
margin:0
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 驾驶舱:深蓝色渐变 */
|
/* 驾驶舱:深蓝色渐变 */
|
||||||
.module.cockpit {
|
.module.cockpit {
|
||||||
grid-row: 1 / 3;
|
grid-row: 1 / 3;
|
||||||
|
background: linear-gradient(180deg, rgb(109 147 245 / 75%), rgb(7 38 111 / 75%));
|
||||||
|
|
||||||
img {
|
img {
|
||||||
width: 130px;
|
width: 130px;
|
||||||
height: 130px;
|
height: 130px;
|
||||||
}
|
}
|
||||||
background: linear-gradient(180deg, rgba(109, 147, 245, 0.75), rgba(7,38,111, 0.75));
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 物联中台:中蓝色渐变 */
|
/* 物联中台:中蓝色渐变 */
|
||||||
.module.iot {
|
.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 {
|
.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 {
|
.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 {
|
.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>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user