✨新增其他登录配置

src/assets/styles/login.scss

@@ -20,15 +20,15 @@
 }
 
 .title {
-  margin: 10px auto 30px auto;
+  margin: 10px auto 15px auto;
   text-align: center;
   // color: #fff;
 }
 
 .login-form {
-  padding: 15px 25px 5px 25px;
+  padding: 5px 25px 5px 25px;
   position: relative;
-  height: 210px;
+  height: 250px;
 
   .input-icon {
     height: 30px;

src/settings.js

@@ -83,5 +83,13 @@ export default {
   /**
    * 左侧菜单是否显示New标记
    */
-  menuShowNew: false
+  menuShowNew: false,
+  /**
+   * 是否显示QR登录
+   */
+  showQrLogin: true,
+  /**
+   * 是否显示手机号登录
+   */
+  showPhoneLogin: true
 }

src/views/login.vue

@@ -9,8 +9,8 @@
       <div style="padding: 0 25px 5px 25px">
         <el-tabs v-model="loginType" @tab-click="handleLoginType">
           <el-tab-pane :label="$t('login.loginway1')" :name="1"></el-tab-pane>
-          <el-tab-pane :label="$t('login.loginway2')" :name="2"></el-tab-pane>
-          <el-tab-pane :label="$t('login.loginway3')" :name="3"></el-tab-pane>
+          <el-tab-pane :label="$t('login.loginway2')" :name="2" v-if="defaultSettings.showPhoneLogin"></el-tab-pane>
+          <el-tab-pane :label="$t('login.loginway3')" :name="3" v-if="defaultSettings.showQrLogin"></el-tab-pane>
         </el-tabs>
       </div>
 
@@ -40,7 +40,7 @@
           </div>
         </el-form-item>
 
-        <div style="display: flex; justify-content: space-between">
+        <div style="display: flex; justify-content: space-between; align-items: center">
           <el-checkbox v-model="loginForm.rememberMe">{{ $t('login.rememberMe') }}</el-checkbox>
           <span style="font-size: 12px">
             <span @click="handleForgetPwd()" class="forget-pwd">{{ $t('login.forgotPwd') }}</span>
@@ -48,7 +48,7 @@
           </span>
         </div>
 
-        <el-form-item style="width: 100%" :style="{ 'margin-top': captchaOnOff == 'off' ? '20px' : '' }">
+        <el-form-item style="width: 100%" :style="{ 'margin-top': captchaOnOff == 'off' ? '40px' : '' }">
           <el-button :loading="loading" size="default" round type="primary" style="width: 100%" @click.prevent="handleLogin">
             <span v-if="!loading">{{ $t('login.btnLogin') }}</span>
             <span v-else>登 录 中...</span>
@@ -181,10 +181,7 @@ function handleForgetPwd() {
 }
 
 const interval = ref(null)
-const showQrLogin = ref(false)
 function handleShowQrLogin() {
-  // showQrLogin.value = !showQrLogin.value
-
   nextTick(() => {
     generateCode()
   })

src/views/register.vue

@@ -162,7 +162,7 @@ getCode()
   background: radial-gradient(220% 105% at top center, #1b2947 10%, #4b76a7 40%, #81acae 65%, #f7f7b6);
 }
 .login-form {
-  height: 320px;
+  height: 380px;
 }
 .title {
   margin: 0px auto 30px auto;