Browse Source

登录页修改样式

zq940222 4 months ago
parent
commit
98cd0e1410
2 changed files with 6 additions and 4 deletions
  1. 1 2
      src/assets/loginmini/style/home.less
  2. 5 2
      src/views/system/loginmini/Login.vue

+ 1 - 2
src/assets/loginmini/style/home.less

@@ -1,8 +1,7 @@
 .login-content{
-  width: 737px;
+  width: 90%;
   opacity: 1;
   border-radius: 16px;
-  background: rgba(255, 255, 255, 0.4);
   box-shadow: 0px 4px 10px  rgba(44, 83, 100, 0.1);
   backdrop-filter: blur(4px);
   padding: 100px 167px;

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

@@ -25,7 +25,7 @@
             登录 AdWeb V3
           </div>
           <div class="login-form-box">
-            <a-form ref="loginRef" :model="formData" >
+            <a-form ref="loginRef" :model="formData" @keyup.enter.native="loginHandleClick">
               <div class="login-account">
                 <div class="login-inputClear">
                   <div class="login-label">
@@ -272,6 +272,9 @@ onMounted(() => {
 </style>
 
 <style lang="less">
+#app{
+  background-color: rgba(251, 251, 251, 1);
+}
 @prefix-cls: ~'@{namespace}-mini-login';
 @dark-bg: #293146;
 
@@ -350,7 +353,7 @@ html[data-theme='dark'] {
   }
 }
 .auto-fill {
-  width: 403px;
+  width: 100%;
   height: 36px;
   opacity: 1;
   border-radius: 8px;