样式: logo改纯CSS渐变徽标+文字，弱化右上角用户区，删除logo图片

2026-10-20 18:16:48 +08:00
parent 5868a4eda4
commit a5f0ff3f74
6 changed files with 43 additions and 53 deletions
@@ -1,13 +1,33 @@
 .main{
  .logo-con{
    height: 64px;
-    padding: 10px;
-    text-align: center;
-    img{
-      height: 44px;
-      width: auto;
-      display: block;
-      margin: 0 auto;
+    // flex 居中：收起态只剩徽标也自动居中
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 10px;
+    overflow: hidden;
+    white-space: nowrap;
+    // 渐变徽标：与登录页主色同源，无底色块，直接落在侧栏上
+    .logo-badge{
+      flex: none;
+      width: 36px;
+      height: 36px;
+      line-height: 36px;
+      text-align: center;
+      border-radius: 10px;
+      background: linear-gradient(135deg, #4f6ef7, #7c5cf0);
+      color: #fff;
+      font-size: 20px;
+      font-weight: 700;
+      box-shadow: 0 2px 8px rgba(79, 110, 247, .3);
+    }
+    // 文字：深墨色，轻字重间隔，与侧栏浅底协调
+    .logo-name{
+      font-size: 21px;
+      font-weight: 600;
+      letter-spacing: .5px;
+      color: #1f2d50;
    }
  }
  .header-con{