tangning 1 年之前
父節點
當前提交
213c8833f0
共有 6 個文件被更改,包括 36 次插入11 次删除
  1. 1 1
      .env
  2. 二進制
      public/resource/img/logo.png
  3. 二進制
      src/assets/images/bg@2x.png
  4. 二進制
      src/assets/images/grey-logo.png
  5. 10 3
      src/components/Application/src/AppLogo.vue
  6. 25 7
      src/views/sys/login/Login.vue

+ 1 - 1
.env

@@ -2,7 +2,7 @@
 VITE_PORT = 3100
 
 # spa-title
-VITE_GLOB_APP_TITLE = 四维时代管理后台
+VITE_GLOB_APP_TITLE = 江门公安
 
 # spa shortname
 VITE_GLOB_APP_SHORT_NAME = 4DAGE

二進制
public/resource/img/logo.png


二進制
src/assets/images/bg@2x.png


二進制
src/assets/images/grey-logo.png


+ 10 - 3
src/components/Application/src/AppLogo.vue

@@ -4,10 +4,11 @@
 -->
 <template>
   <div class="anticon" :class="getAppLogoClass" @click="goHome">
-    <img src="../../../assets/images/grey-logo.png" />
-    <!-- <div class="ml-2 truncate md:opacity-100" :class="getTitleClass" v-show="showTitle">
+    <!-- <img src="../../../assets/images/grey-logo.png" /> -->
+    <img src="/resource/img/logo.png" />
+    <div class="ml-2 truncate md:opacity-100" :class="getTitleClass" v-show="showTitle">
       {{ title }}
-    </div> -->
+    </div>
   </div>
 </template>
 <script lang="ts" setup>
@@ -90,4 +91,10 @@
       line-height: normal;
     }
   }
+  .anticon {
+    img {
+      height: 28px;
+      width: 28px;
+    }
+  }
 </style>

+ 25 - 7
src/views/sys/login/Login.vue

@@ -1,11 +1,11 @@
 <template>
-  <div :class="prefixCls" class="relative w-full h-full px-4">
+  <div :class="prefixCls" class="relative w-full h-full px-4 login-main">
     <!-- <AppLocalePicker
       class="absolute text-white top-4 right-4 enter-x xl:text-gray-600"
       :showText="false"
       v-if="!sessionTimeout && showLocale"
     /> -->
-    <AppDarkModeToggle class="absolute top-3 right-7 enter-x" v-if="!sessionTimeout" />
+    <!-- <AppDarkModeToggle class="absolute top-3 right-7 enter-x" v-if="!sessionTimeout" /> -->
 
     <span class="-enter-x xl:hidden">
       <AppLogo :alwaysShowTitle="true" />
@@ -15,7 +15,7 @@
       <div class="flex h-full">
         <div class="hidden min-h-full pl-4 mr-4 xl:flex xl:flex-col xl:w-6/12">
           <AppLogo class="-enter-x" />
-          <div class="my-auto">
+          <div class="my-auto" style="visibility: hidden">
             <img
               :alt="title"
               src="../../../assets/svg/login-box-bg.svg"
@@ -50,6 +50,13 @@
               enter-x
             "
           >
+            <div class="title">
+              <div style="font-weight: bold; font-size: 60px">
+                <p style="margin-bottom: 0">江门市公安</p>
+                <span>局警用三维实景平台</span>
+              </div>
+              <p style="font-weight: 400; font-size: 14px;margin-bottom:80px;color:#666">Three-Dimensional Police Security Platform for Public Security Bureau of Jiangmen Municipalit</p>
+            </div>
             <LoginForm />
             <ForgetPasswordForm />
             <RegisterForm />
@@ -145,7 +152,6 @@
       width: 100%;
       height: 100%;
       margin-left: -48%;
-      background-image: url(/@/assets/svg/login-bg.svg);
       background-position: 100%;
       background-repeat: no-repeat;
       background-size: auto 100%;
@@ -177,12 +183,18 @@
         height: 80px;
 
         &__title {
-          font-size: 24px;
-          color: #fff;
+          // font-size: 24px;
+          // color: #fff;
+          font-size: 32px;
+          font-family: Source Han Sans CN, Source Han Sans CN;
+          font-weight: 500;
+          color: #000000;
+          line-height: 38px;
         }
 
         img {
-          width: 150px;
+          width: 40px;
+          height: 40px;
         }
       }
     }
@@ -228,4 +240,10 @@
       color: @text-color-secondary;
     }
   }
+  .login-main {
+    background-image: url(/@/assets/images/bg@2x.png);
+    background-position: 100%;
+    background-repeat: no-repeat;
+    background-size: cover;
+  }
 </style>