Explorar el Código

feat: 登录页底部添加网站备案号 粤ICP备2025408522号-2

- admin-web: 登录容器底部绝对定位居中显示备案号
- admin-web-new: 桌面端左侧品牌区footer显示,移动端表单下方显示
- 备案号链接跳转至工信部网站 https://beian.miit.gov.cn

Co-Authored-By: Claude <noreply@anthropic.com>
skyline hace 1 mes
padre
commit
a1fadc1c74

+ 28 - 0
admin-web-new/src/style/login.css

@@ -238,6 +238,34 @@ html.dark .login-header p {
   color: oklch(70% 0.005 30);
 }
 
+/* ========== ICP 备案号 ========== */
+.login-icp-separator {
+  color: rgb(255 255 255 / 20%);
+}
+
+.login-icp-footer-mobile {
+  display: block;
+  text-align: center;
+  padding-top: 24px;
+}
+
+.login-icp-footer-mobile a {
+  font-size: 13px;
+  color: #909399;
+  text-decoration: none;
+}
+
+.login-icp-footer-mobile a:hover {
+  color: #606266;
+  text-decoration: underline;
+}
+
+@media (min-width: 1024px) {
+  .login-icp-footer-mobile {
+    display: none;
+  }
+}
+
 /* ========== 响应式 ========== */
 @media (max-width: 1023px) {
   .login-brand-panel {

+ 5 - 0
admin-web-new/src/views/login/index.vue

@@ -109,6 +109,8 @@ useEventListener(document, "keydown", ({ code }) => {
       </div>
       <div class="login-brand-footer">
         <span>&copy; {{ new Date().getFullYear() }} {{ title }}</span>
+        <span class="login-icp-separator">|</span>
+        <a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">粤ICP备2025408522号-2</a>
       </div>
       <div class="login-brand-grid" />
       <div class="login-brand-orb login-brand-orb--1" />
@@ -147,6 +149,9 @@ useEventListener(document, "keydown", ({ code }) => {
             </el-form-item>
           </el-form>
         </div>
+        <div class="login-icp-footer-mobile">
+          <a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">粤ICP备2025408522号-2</a>
+        </div>
       </div>
     </div>
   </div>

+ 22 - 1
admin-web/src/views/login/index.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="login-container flex" style="justify-content: space-between">
+	<div class="login-container flex" style="justify-content: space-between; position: relative;">
 		<div class="login-left">
 <!--			<div class="login-left-logo">-->
 <!--				<img :src="logoMini" />-->
@@ -39,6 +39,9 @@
 				</div>
 			</div>
 		</div>
+		<div class="login-icp-footer">
+			<a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">粤ICP备2025408522号-2</a>
+		</div>
 	</div>
 </template>
 
@@ -255,4 +258,22 @@ onMounted(() => {
 		}
 	}
 }
+
+.login-icp-footer {
+	position: absolute;
+	bottom: 12px;
+	left: 0;
+	right: 0;
+	text-align: center;
+	z-index: 10;
+}
+.login-icp-footer a {
+	font-size: 13px;
+	color: #999;
+	text-decoration: none;
+}
+.login-icp-footer a:hover {
+	color: #666;
+	text-decoration: underline;
+}
 </style>