super/crawler-plugin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

登录页品牌标识换为 logo 图片：auth-brand-mark 与登录卡片展示 logo_thumb.png
Build Backend JAR / build (push) Has been cancelled
Details

Browse Source
This commit is contained in:
黄自达
2026-09-04 00:16:19 +08:00
parent 92a7a2c478
commit 11dba90780
2 changed files with 27 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
backend/static/logo_thumb.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.2 KiB

backend/web_source/login.html
+27 -14
View File
@@ -131,15 +131,28 @@
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border: 1px solid rgba(165, 180, 252, 0.28);
width: 46px;
height: 46px;
border-radius: 13px;
background: linear-gradient(135deg, #818cf8, #4f46e5);
color: #eef2ff;
font-size: 18px;
font-weight: 800;
box-shadow: 0 10px 28px rgba(79, 70, 229, 0.34);
background: #ffffff;
box-shadow: 0 10px 28px rgba(79, 70, 229, 0.20);
overflow: hidden;
}
.auth-brand-mark img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.login-logo {
display: block;
width: 56px;
height: 56px;
margin-bottom: 16px;
border-radius: 14px;
box-shadow: 0 10px 24px -12px rgba(39, 67, 94, 0.45);
}
.auth-brand-copy { display: grid; gap: 1px; }
@@ -554,10 +567,9 @@
}
.auth-brand-mark {
border-color: rgba(69, 96, 82, 0.18);
background: linear-gradient(135deg, #829b8b, #607a6d);
color: #ffffff;
box-shadow: 0 10px 24px rgba(96, 122, 109, 0.24);
border-radius: 13px;
background: #ffffff;
box-shadow: 0 10px 24px rgba(96, 122, 109, 0.18);
}
.auth-brand-name,
@@ -662,7 +674,7 @@
}
.auth-visual::before { opacity: 0.3; background-image: linear-gradient(rgba(79, 120, 165, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(79, 120, 165, 0.1) 1px, transparent 1px); }
.auth-visual::after { border-color: rgba(79, 120, 165, 0.22); box-shadow: 0 0 0 32px rgba(79, 120, 165, 0.055), 0 0 0 64px rgba(79, 120, 165, 0.035); }
.auth-brand-mark { border-color: rgba(47, 93, 139, 0.18); background: linear-gradient(135deg, #7094ba, #4f78a5); color: #ffffff; box-shadow: 0 10px 24px rgba(79, 120, 165, 0.24); }
.auth-brand-mark { border-radius: 13px; background: #ffffff; box-shadow: 0 10px 24px rgba(79, 120, 165, 0.18); }
.auth-brand-name, .auth-visual-title { color: var(--auth-text); }
.auth-brand-sub { color: #77899b; }
.auth-kicker { color: var(--auth-primary-strong); }
@@ -702,7 +714,7 @@
<aside class="auth-visual" aria-label="数富AI产品信息">
<div class="auth-visual-content">
<a class="auth-brand" href="/login" aria-label="数富AI 登录页">
<span class="auth-brand-mark" aria-hidden="true">数</span>
<span class="auth-brand-mark" aria-hidden="true"><img src="/static/logo_thumb.png" alt=""></span>
<span class="auth-brand-copy">
<span class="auth-brand-name">数富AI</span>
<span class="auth-brand-sub">电商运营管理后台</span>
@@ -737,6 +749,7 @@
<main class="auth-content" id="loginMain">
<section class="login-card" aria-labelledby="loginTitle">
<header class="login-card-header">
<img class="login-logo" src="/static/logo_thumb.png" alt="数富AI">
<p class="login-card-eyebrow">欢迎回来</p>
<h1 class="login-title" id="loginTitle">登录工作台</h1>
<p class="login-subtitle">使用管理员账号进入数富AI运营后台。</p>