This commit is contained in:
mll
2026-02-27 22:48:55 +08:00

View File

@@ -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>