提交代码

src/components/Application/src/AppLogo.vue

@@ -64,7 +64,7 @@
   .@{prefix-cls} {
     display: flex;
     align-items: center;
-    padding-left: 7px;
+    padding-left: 10px;
     cursor: pointer;
     transition: all 0.2s ease;
 

src/views/sys/login/Login.vue

@@ -13,7 +13,7 @@
     <div class="suoyuan">[ 江门市公安局&五邑大学 ] 联合实验室提供技术支持</div>
     <div class="container relative h-full py-2 mx-auto sm:px-10">
       <div class="flex h-full">
-        <div class="hidden min-h-full pl-4 mr-4 xl:flex xl:flex-col xl:w-6/12">
+        <div class="hidden min-h-full pl-4 mr-4 xl:flex xl:flex-col xl:w-5/12">
           <AppLogo class="-enter-x" />
           <div class="my-auto" style="visibility: hidden">
             <img
@@ -29,11 +29,13 @@
             </div>
           </div>
         </div>
-        <div class="flex w-full h-full py-5 xl:h-auto xl:py-0 xl:my-0 xl:w-6/12">
+        <div class="flex w-full h-full py-5 xl:h-auto xl:py-0 xl:my-0 xl:w-7/12">
           <div
             :class="`${prefixCls}-form`"
             class="
               relative
+              2xl:left-48
+              xl:left-16
               w-full
               px-5
               py-8
@@ -41,21 +43,26 @@
               my-auto
               rounded-md
               shadow-md
-              xl:ml-16 xl:bg-transparent
+              xl:ml-8
+              2xl:ml-16
+              xl:bg-transparent
               sm:px-8
               xl:p-4 xl:shadow-none
-              sm:w-3/4
-              lg:w-2/4
+              sm:w-4/5
+              lg:w-3/5
               xl:w-auto
               enter-x
             "
           >
             <div class="title">
-              <div style="font-weight: bold; font-size: 60px">
-                <p style="margin-bottom: 0">江门市公安</p>
-                <span>局警用三维实景平台</span>
+              <div style="font-weight: bold; font-size: 60px; letter-spacing: 12px">
+                <p style="margin-bottom: 0">江门市公安局</p>
+                <span>警用三维实景平台</span>
+              </div>
+              <div class="en text-sm font-normal mb-5" style="line-height: 30px; margin-bottom:80px;color:#666">
+                <div>Three-Dimensional Police Security Platform for Public Security</div>
+                <div>Bureau of Jiangmen Municipalit</div>
               </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 />
@@ -168,7 +175,7 @@
 
       &__title {
         font-size: 16px;
-        color: #fff;
+        // color: #fff;
       }
 
       img {

src/views/sys/login/LoginForm.vue

@@ -1,5 +1,5 @@
 <template>
-  <LoginFormTitle v-show="getShow" class="enter-x" />
+  <!-- <LoginFormTitle v-show="getShow" class="enter-x" /> -->
   <Form
     class="p-4 enter-x"
     style="max-width: 400px"