修改登录页面

build/vite/plugin/html.ts

@@ -8,7 +8,7 @@ import pkg from '../../../package.json';
 import { GLOB_CONFIG_FILE_NAME } from '../../constant';
 
 export function configHtmlPlugin(env: ViteEnv, isBuild: boolean) {
-  const { VITE_GLOB_APP_TITLE, VITE_PUBLIC_PATH } = env;
+  const {  VITE_PUBLIC_PATH } = env;
 
   const path = VITE_PUBLIC_PATH.endsWith('/') ? VITE_PUBLIC_PATH : `${VITE_PUBLIC_PATH}/`;
 
@@ -21,7 +21,7 @@ export function configHtmlPlugin(env: ViteEnv, isBuild: boolean) {
     inject: {
       // Inject data into ejs template
       data: {
-        title: VITE_GLOB_APP_TITLE,
+        title: '',
       },
       // Embed the generated app.config.js file
       tags: isBuild

index.html

@@ -10,7 +10,7 @@
     />
 
     <title><%= title %></title>
-    <link rel="icon" href="/logo.png" />
+   
     <!-- 全局配置 -->
     <script>
       window._CONFIG = {};
@@ -157,7 +157,7 @@
       </style>
       <div class="app-loading">
         <div class="app-loading-wrap">
-          <img src="/resource/img/logo.png" class="app-loading-logo" alt="Logo" />
+        
           <div class="app-loading-dots">
             <span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
           </div>

src/assets/loginmini/style/base.less

@@ -225,6 +225,7 @@ a {
   min-width: 0;
   font-size: 14px;
   color: #333;
+
 }
 
 /* 必要布局样式css */
@@ -358,7 +359,7 @@ a {
 }
 
 .login-background-img {
-  background-image: url(../icon/jeecg_bg.png);
+  background-image: url(../icon/jeecg_bg.jpg);
   background-size: cover;
   background-position: top center;
   background-repeat: no-repeat;

src/assets/loginmini/style/home.less

@@ -6,9 +6,9 @@
 .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%;
+  top: 48%;
   left: 50%;
   width: 92%;
   height: auto;
@@ -20,13 +20,14 @@
 }
 
 .aui-form {
-  width: 100%;
-  background: #eee;
-  display: -webkit-box;
-  display: -moz-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
+  width: 480px;
+  margin: 0 auto;
+  // background: #eee;
+  // display: -webkit-box;
+  // display: -moz-box;
+  // display: -ms-flexbox;
+  // display: -webkit-flex;
+  // display: flex;
 }
 
 .aui-image {
@@ -48,9 +49,11 @@
   flex-basis: 40%;
   -webkit-flex-basis: 40%;
   box-sizing: border-box;
-  padding: 30px 20px;
+  padding: 30px 40px;
   background: #fff;
   box-shadow: 2px 9px 49px -17px rgba(0, 0, 0, 0.1);
+  border-radius: 15px;
+
 }
 
 .aui-logo {
@@ -235,10 +238,11 @@
 }
 
 .aui-form-nav .aui-flex-box {
-  color: #040404;
-  font-size: 18px;
+  color: rgba(103,103,103,1);
+  font-size: 25px;
   font-weight: 500;
   cursor: pointer;
+  font-weight: bold;
 }
 
 .aui-clear-left {
@@ -325,33 +329,38 @@
 
 .aui-inputClear {
   width: 100%;
-  border-bottom: 1px solid #cccccc;
+  border: 1px solid rgba(122,175,255,1);
   position: relative;
   padding-left: 20px;
   background: #fff;
   margin-bottom: 8px;
   margin-top: 20px;
+  border-radius: 6px;
+  padding-top:5px ;
+  padding-bottom:5px ;
+  background-color: #f7f5f4;
 }
 
 .aui-inputClear .icon {
   position: absolute;
-  top: 10px;
-  left: 0;
+  top: 15px;
+  left: 20px;
 }
 
 .aui-inputClear input {
-  width: 100%;
+  width: 93%;
   padding: 10px;
   border: none;
   color: #333333;
   font-size: 14px;
   background: none;
+  margin-left: 20px;
 }
 
 .aui-code {
   position: absolute;
   right: 8px;
-  bottom: 0;
+  bottom: 9px;
   width: 115px;
   cursor: pointer;
 }

src/locales/lang/zh-CN/sys.ts

@@ -61,7 +61,7 @@ export default {
   },
   login: {
     backSignIn: '返回',
-    signInFormTitle: '登录',
+    signInFormTitle: '账户登录',
     mobileSignInFormTitle: '手机登录',
     qrSignInFormTitle: '二维码登录',
     signUpFormTitle: '注册',

src/views/sys/login/LoginForm.vue

@@ -55,35 +55,10 @@
               {{ t('sys.login.registerButton') }}
             </Button> -->
     </FormItem>
-    <ARow class="enter-x">
-      <ACol :md="8" :xs="24">
-        <Button block @click="setLoginState(LoginStateEnum.MOBILE)">
-          {{ t('sys.login.mobileSignInFormTitle') }}
-        </Button>
-      </ACol>
-      <ACol :md="8" :xs="24" class="!my-2 !md:my-0 xs:mx-0 md:mx-2">
-        <Button block @click="setLoginState(LoginStateEnum.QR_CODE)">
-          {{ t('sys.login.qrSignInFormTitle') }}
-        </Button>
-      </ACol>
-      <ACol :md="7" :xs="24">
-        <Button block @click="setLoginState(LoginStateEnum.REGISTER)">
-          {{ t('sys.login.registerButton') }}
-        </Button>
-      </ACol>
-    </ARow>
-
+ 
     <Divider class="enter-x">{{ t('sys.login.otherSignIn') }}</Divider>
-
-    <div class="flex justify-evenly enter-x" :class="`${prefixCls}-sign-in-way`">
-      <a @click="onThirdLogin('github')" title="github"><GithubFilled /></a>
-      <a @click="onThirdLogin('wechat_enterprise')" title="企业微信"> <icon-font class="item-icon" type="icon-qiyeweixin3" /></a>
-      <a @click="onThirdLogin('dingtalk')" title="钉钉"><DingtalkCircleFilled /></a>
-      <a @click="onThirdLogin('wechat_open')" title="微信"><WechatFilled /></a>
-    </div>
   </Form>
-  <!-- 第三方登录相关弹框 -->
-  <ThirdModal ref="thirdModalRef"></ThirdModal>
+
 </template>
 <script lang="ts" setup>
   import { reactive, ref, toRaw, unref, computed, onMounted } from 'vue';
@@ -91,7 +66,7 @@
   import { Checkbox, Form, Input, Row, Col, Button, Divider } from 'ant-design-vue';
   import { GithubFilled, WechatFilled, DingtalkCircleFilled, createFromIconfontCN } from '@ant-design/icons-vue';
   import LoginFormTitle from './LoginFormTitle.vue';
-  import ThirdModal from './ThirdModal.vue';
+
   import { useI18n } from '/@/hooks/web/useI18n';
   import { useMessage } from '/@/hooks/web/useMessage';
 
@@ -117,7 +92,7 @@
   const { getFormRules } = useFormRules();
 
   const formRef = ref();
-  const thirdModalRef = ref();
+
   const loading = ref(false);
   const rememberMe = ref(false);
 
@@ -186,9 +161,7 @@
    * 第三方登录
    * @param type
    */
-  function onThirdLogin(type) {
-    thirdModalRef.value.onThirdLogin(type);
-  }
+
   //初始化验证码
   onMounted(() => {
     handleChangeCheckCode();

src/views/sys/login/TokenLoginPage.vue

 <template>
     <div class="app-loading">
         <div class="app-loading-wrap">
-            <img src="/resource/img/logo.png" class="app-loading-logo" alt="Logo">
+          
             <div class="app-loading-dots">
                 <span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
             </div>
-            <div class="app-loading-title">JeecgBoot 企业级低代码平台</div>
+           
         </div>
     </div>
 </template>