diff --git a/src/views/Login/Login.vue b/src/views/Login/Login.vue index 9b8a62c..11e58b7 100644 --- a/src/views/Login/Login.vue +++ b/src/views/Login/Login.vue @@ -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: 80px; height: 80px; 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: 140px; height: 140px; } - 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%)); } }