修改登录样式

src/assets/loginmini/style/base.less

@@ -362,4 +362,5 @@ a {
   background-size: cover;
   background-position: top center;
   background-repeat: no-repeat;
+  background-color: #e4ecf5;
 }

src/assets/loginmini/style/home.less

@@ -6,7 +6,7 @@
 .aui-container {
   max-width: 1000px;
   margin: 0 auto;
-  box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.2);
+  // box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.2);
   position: fixed;
   top: 50%;
   left: 50%;
@@ -20,8 +20,7 @@
 }
 
 .aui-form {
-  width: 100%;
+  width: 90%;
-  background: #eee;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
@@ -30,18 +29,14 @@
 }
 
 .aui-image {
-  padding: 180px 80px;
   flex-basis: 60%;
   -webkit-flex-basis: 60%;
-  background-color: #0198cd;
-  background-image: url(../icon/jeecg_ad.png);
-  background-size: cover;
 }
 
 .aui-image-text {
   top: 50%;
   left: 50%;
-  width: 100%;
+  width: 80%;
 }
 
 .aui-formBox {
@@ -51,13 +46,15 @@
   padding: 30px 20px;
   background: #fff;
   box-shadow: 2px 9px 49px -17px rgba(0, 0, 0, 0.1);
+  height: 400px;
+  border-radius: 20px;
 }
 
 .aui-logo {
   width: 180px;
   height: 80px;
   position: absolute;
-  top: 2%;
+  top: 8%;
   left: 8%;
   z-index: 4;
 }
@@ -239,6 +236,7 @@
   font-size: 18px;
   font-weight: 500;
   cursor: pointer;
+  text-align: left;
 }
 
 .aui-clear-left {
@@ -325,12 +323,13 @@
 
 .aui-inputClear {
   width: 100%;
-  border-bottom: 1px solid #cccccc;
+  // border-bottom: 1px solid #cccccc;
   position: relative;
   padding-left: 20px;
-  background: #fff;
+  background: #f4f5f9;
   margin-bottom: 8px;
   margin-top: 20px;
+  border-radius: 8px;
 }
 
 .aui-inputClear .icon {
@@ -350,8 +349,8 @@
 
 .aui-code {
   position: absolute;
-  right: 8px;
+  right: -4px;
-  bottom: 0;
+  bottom: 4px;
   width: 115px;
   cursor: pointer;
 }

src/views/system/loginmini/MiniLogin.vue

@@ -1,7 +1,5 @@
 <template>
   <div :class="prefixCls" class="login-background-img">
-    <AppLocalePicker class="absolute top-4 right-4 enter-x xl:text-gray-600" :showText="false"/>
-    <AppDarkModeToggle class="absolute top-3 right-7 enter-x" />
     <div class="aui-logo" v-if="!getIsMobile">
       <div>
         <h3>
@@ -12,46 +10,66 @@
     <div v-else class="aui-phone-logo">
       <img :src="logoImg" alt="jeecg" />
     </div>
-    <div v-show="type === 'login'">
+    <div >
       <div class="aui-content">
         <div class="aui-container">
           <div class="aui-form">
             <div class="aui-image">
               <div class="aui-image-text">
-                <img :src="adTextImg" />
+                <!-- <img :src="adTextImg" /> -->
               </div>
             </div>
             <div class="aui-formBox">
               <div class="aui-formWell">
                 <div class="aui-flex aui-form-nav investment_title">
-                  <div class="aui-flex-box" :class="activeIndex === 'accountLogin' ? 'activeNav on' : ''" @click="loginClick('accountLogin')"
+                  <div class="aui-flex-box">账号登录
-                    >{{ t('sys.login.signInFormTitle') }}
                   </div>
                 </div>
+                  <a-divider  />
                 <div class="aui-form-box" style="height: 180px">
                   <a-form ref="loginRef" :model="formData" v-if="activeIndex === 'accountLogin'" @keyup.enter.native="loginHandleClick">
                     <div class="aui-account">
                       <div class="aui-inputClear">
-                        <i class="icon icon-code"></i>
+                        <a-row>
-                        <a-form-item>
+                          <a-col :span="2">
-                          <a-input class="fix-auto-fill" :placeholder="t('sys.login.userName')" v-model:value="formData.username" />
+                            <span style="margin-top: 10px;display: block;"><img :src="icon1Img" alt="账号" style="width: 20px;" /></span>
-                        </a-form-item>
+                          </a-col>
+                          <a-col :span="20">
+                            <a-form-item>
+                              <a-input class="fix-auto-fill" :placeholder="`请输入`+t('sys.login.userName')" v-model:value="formData.username" />
+                            </a-form-item>
+                          </a-col>
+                        </a-row>
                       </div>
                       <div class="aui-inputClear">
-                        <i class="icon icon-password"></i>
+                        <a-row>
-                        <a-form-item>
+                          <a-col :span="2">
-                          <a-input class="fix-auto-fill" type="password" :placeholder="t('sys.login.password')" v-model:value="formData.password" />
+                            <span style="margin-top: 10px;display: block;"><img :src="icon2Img" alt="密码" style="width: 20px;" /></span>
-                        </a-form-item>
+                          </a-col>
+                          <a-col :span="20">
+                            <a-form-item>
+                              <a-input class="fix-auto-fill" type="password" :placeholder="`请输入`+t('sys.login.password')" v-model:value="formData.password" />
+                            </a-form-item>
+                          </a-col>
+                        </a-row>
                       </div>
                       <div class="aui-inputClear">
-                        <i class="icon icon-code"></i>
+                        <a-row>
-                        <a-form-item>
+                          <a-col :span="2">
-                          <a-input class="fix-auto-fill" type="text" :placeholder="t('sys.login.inputCode')" v-model:value="formData.inputCode" />
+                            <span style="margin-top: 10px;display: block;"><img :src="icon3Img" alt="验证码" style="width: 20px;" /></span>
-                        </a-form-item>
+                          </a-col>
-                        <div class="aui-code">
+                          <a-col :span="19">
-                          <img v-if="randCodeData.requestCodeSuccess" :src="randCodeData.randCodeImage" @click="handleChangeCheckCode" />
+                            <a-form-item>
-                          <img v-else style="margin-top: 2px; max-width: initial" :src="codeImg" @click="handleChangeCheckCode" />
+                              <a-input class="fix-auto-fill" type="text" :placeholder="`请输入`+t('sys.login.inputCode')" v-model:value="formData.inputCode" />
-                        </div>
+                            </a-form-item>
+                          </a-col>
+                          <a-col :span="3">
+                            <div class="aui-code">
+                              <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>
+                          </a-col>
+                        </a-row>
                       </div>
                     </div>
                   </a-form>
@@ -61,9 +79,6 @@
                     <a-button :loading="loginLoading" class="aui-link-login" type="primary" @click="loginHandleClick">
                       {{ t('sys.login.loginButton') }}</a-button>
                   </div>
-                  <div class="aui-flex">
-                    <a class="aui-linek-code aui-flex-box" @click="registerHandleClick">{{ t('sys.login.registerButton') }}</a>
-                  </div>
                 </div>
               </div>
             </div>
@@ -71,17 +86,6 @@
         </div>
       </div>
     </div>
-    <div v-show="type === 'forgot'" :class="`${prefixCls}-form`">
-      <MiniForgotpad ref="forgotRef" @go-back="goBack" @success="handleSuccess" />
-    </div>
-    <div v-show="type === 'register'" :class="`${prefixCls}-form`">
-      <MiniRegister ref="registerRef" @go-back="goBack" @success="handleSuccess" />
-    </div>
-    <div v-show="type === 'codeLogin'" :class="`${prefixCls}-form`">
-      <MiniCodelogin ref="codeRef" @go-back="goBack" @success="handleSuccess" />
-    </div>
-    <!-- 第三方登录相关弹框 -->
-    <ThirdModal ref="thirdModalRef"></ThirdModal>
     
     <!-- 图片验证码弹窗 -->
     <CaptchaModal @register="captchaRegisterModal" @ok="getLoginCode" />
@@ -100,8 +104,11 @@
   import MiniForgotpad from './MiniForgotpad.vue';
   import MiniRegister from './MiniRegister.vue';
   import MiniCodelogin from './MiniCodelogin.vue';
-  import logoImg from '/@/assets/loginmini/icon/jeecg_logo.png';
+  import logoImg from '/@/assets/loginmini/icon/logo_yw.png';
-  import adTextImg from '/@/assets/loginmini/icon/jeecg_ad_text.png';
+  import adTextImg from '/@/assets/loginmini/icon/yw.gif';
+  import icon1Img from '/@/assets/loginmini/icon/icon1.png';
+  import icon2Img from '/@/assets/loginmini/icon/icon2.png';
+  import icon3Img from '/@/assets/loginmini/icon/icon3.png';
   import { AppLocalePicker, AppDarkModeToggle } from '/@/components/Application';
   import { useLocaleStore } from '/@/store/modules/locale';
   import { useDesign } from "/@/hooks/web/useDesign";
@@ -415,8 +422,8 @@
   .aui-phone-logo{
     position: absolute;
     margin-left: 10px;
-    width: 60px;
+    width: 40%;
-    top:2px;
+    top: 4%;
     z-index: 4;
   }
   .top-3{