Browse Source

登录页修改样式

zq940222 4 months ago
parent
commit
48676e4a93
2 changed files with 8 additions and 2 deletions
  1. 6 0
      src/assets/loginmini/style/home.less
  2. 2 2
      src/views/system/loginmini/Login.vue

+ 6 - 0
src/assets/loginmini/style/home.less

@@ -6,6 +6,12 @@
   backdrop-filter: blur(4px);
   padding: 100px 167px;
 }
+.login-box {
+  position: absolute;
+  right: 50px;
+  top: 50%;
+  transform: translate(0, -50%);
+}
 .login-title{
   width: 100%;
   height: 36px;

+ 2 - 2
src/views/system/loginmini/Login.vue

@@ -17,7 +17,7 @@
           <img :src="loginBg" alt="">
         </div>
       </a-col>
-      <a-col :span="12">
+      <a-col :span="12" class="login-box">
         <div class="login-content">
           <div class="login-title">
             登录 AdWeb V3
@@ -49,7 +49,7 @@
                     <a-form-item>
                       <a-input class="auto-fill" style="padding: 0 15px;font-size: 14px; width: 100%;" type="text" :placeholder="t('sys.login.inputCode')" v-model:value="formData.inputCode" />
                     </a-form-item>
-                    <div style="margin-left: 50px">
+                    <div style="margin-left: 20px">
                       <img v-if="randCodeData.requestCodeSuccess" :src="randCodeData.randCodeImage" @click="handleChangeCheckCode" />
                       <img v-else style="margin-top: 2px; max-width: initial" :src="codeImg" @click="handleChangeCheckCode" />
                     </div>