fix(login): 登录页低调化,去掉品牌与业务描述
CI / backend (push) Waiting to run

- 删除左侧品牌区(含 opsx-licence、License 授权服务控制台、双签发/设备激活追溯/多渠道收款对账三块业务描述)
- 表单文案中性化:「登录控制台」→「登录」,去掉「请使用账号登录」与「连续登录失败会被限流…」提示
- 页面标题改为「登录」,并加 robots noindex,nofollow,noarchive
- 布局改为单卡居中(移动端无横向溢出)
- 保留「记住密码」能力
- 目的:登录页暴露在公网,避免自报服务性质、降低被针对性扫描的概率
This commit is contained in:
Logan.Li committed 2026-11-03 01:07:28 +08:00
1 parent 83a3630404
commit 4bf7fb6e5c
3 files changed
+12 -40

No files matched your search

+1 -1
View File
@@ -6,7 +6,7 @@
<link rel="icon" href="/favicon.ico" sizes="any" /> <link rel="icon" href="/favicon.ico" sizes="any" />
<link rel="apple-touch-icon" href="/favicon.png" /> <link rel="apple-touch-icon" href="/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>opsx-licence</title> <title>登录</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
+1 -1
View File
@@ -115,7 +115,7 @@ router.beforeEach((to, from, next) => {
const userStore = useUserStore() const userStore = useUserStore()
if (to.meta.title) { if (to.meta.title) {
document.title = `${to.meta.title} - opsx-licence` document.title = `${to.meta.title}`
} }
if (to.meta.public) { if (to.meta.public) {
+10 -38
View File
@@ -1,42 +1,12 @@
<template> <template>
<meta name="robots" content="noindex,nofollow,noarchive" />
<div class="login-page"> <div class="login-page">
<!-- 左侧品牌区:桌面显示,窄屏隐藏 --> <!-- 右侧登录区 -->
<aside class="brand-panel">
<div class="brand-glow"></div>
<div class="brand-inner">
<div class="brand-logo">
<el-icon :size="26"><Key /></el-icon>
<span>opsx-licence</span>
</div>
<h1 class="brand-title">License 授权服务控制台</h1>
<p class="brand-desc">
产品授权签发、设备激活追踪、订单与收款对账——签发、验证、回收在同一个后台闭环。
</p>
<ul class="brand-points">
<li>
<b>在线与离线双签发</b>
<span>在线激活与离线序列号共用一套授权模型,断网环境同样可交付。</span>
</li>
<li>
<b>设备激活可追溯</b>
<span>激活记录带归属地与平台分布,异常设备能力强制下线。</span>
</li>
<li>
<b>多渠道收款对账</b>
<span>微信支付、支付宝与海外支付统一进订单视图,便于核对续费。</span>
</li>
</ul>
<div class="brand-foot">杭州日理万机智能科技有限公司</div>
</div>
</aside>
<!-- 右侧登录区 -->
<main class="form-panel"> <main class="form-panel">
<div class="form-card"> <div class="form-card">
<div class="form-head"> <div class="form-head">
<h2>登录控制台</h2> <h2>登录</h2>
<p>使用管理员账号登录,进入授权管理后台。</p> </div>
</div>
<el-form <el-form
ref="loginFormRef" ref="loginFormRef"
@@ -81,10 +51,7 @@
</el-button> </el-button>
</el-form> </el-form>
<p class="form-note"> </div>
连续登录失败会被限流,请确认账号密码后再重试。
</p>
</div>
</main> </main>
</div> </div>
</template> </template>
@@ -362,4 +329,9 @@ onMounted(restoreRemembered)
font-size: 12px; font-size: 12px;
} }
} }
/* 低调化:取消左右分栏,登录卡居中 // Logan.Li */
.wrap, .login-wrap { grid-template-columns: 1fr !important; display: block !important; }
.brand-panel { display: none !important; }
.form-panel { min-height: 100vh; display: flex !important; align-items: center; justify-content: center; }
</style> </style>