【代码优化】登录页底部悬挂备案号

src/locales/en.ts

@@ -115,6 +115,7 @@ export default {
   login: {
     welcome: 'Welcome to the system',
     message: 'Backstage management system',
+    beian: '冀ICP备20240000000号',
     tenantname: 'TenantName',
     username: 'Username',
     password: 'Password',

src/locales/zh-CN.ts

@@ -116,6 +116,7 @@ export default {
   login: {
     welcome: '欢迎使用本系统',
     message: '开箱即用的中后台管理系统',
+    beian: '冀ICP备20240000000号',
     tenantname: '租户名称',
     username: '用户名',
     password: '密码',

src/views/Login/Login.vue

@@ -24,6 +24,15 @@
             <div key="3" class="mt-5 text-14px font-normal text-white">
               {{ t('login.message') }}
             </div>
+            <div class="mt-5 text-12px font-normal text-white">
+              <a
+                style="color: #ffffff; text-decoration: none"
+                href="https://beian.miit.gov.cn/"
+                target="_blank"
+              >
+                {{ t('login.beian') }}
+              </a>
+            </div>
           </TransitionGroup>
         </div>
       </div>
@@ -33,11 +42,11 @@
         <!-- 右上角的主题、语言选择 -->
         <div
           class="flex items-center justify-between at-2xl:justify-end at-xl:justify-end"
-          style="color: var(--el-text-color-primary);"
+          style="color: var(--el-text-color-primary)"
         >
           <div class="flex items-center at-2xl:hidden at-xl:hidden">
             <img alt="" class="mr-10px h-48px w-48px" src="@/assets/imgs/logo.png" />
-            <span class="text-20px font-bold" >{{ underlineToHump(appStore.getTitle) }}</span>
+            <span class="text-20px font-bold">{{ underlineToHump(appStore.getTitle) }}</span>
           </div>
           <div class="flex items-center justify-end space-x-10px h-48px">
             <ThemeSwitch />
@@ -116,4 +125,4 @@ $prefix-cls: #{$namespace}-login;
     background-color: var(--login-bg-color);
   }
 }
-</style>
+</style>