wenyongda/ZRAdmin-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨新增其他登录配置

Browse Source
This commit is contained in:
不做码农 2023-09-08 20:20:54 +08:00
parent 1f8ecd5756
commit a6fc1168d7
4 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/assets/styles/login.scss
View File

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

10
src/settings.js
View File

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

11
src/views/login.vue
View File

@ -9,8 +9,8 @@
<div style="padding: 0 25px 5px 25px"> <div style="padding: 0 25px 5px 25px">
<el-tabs v-model="loginType" @tab-click="handleLoginType"> <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.loginway1')" :name="1"></el-tab-pane>
<el-tab-pane :label="$t('login.loginway2')" :name="2"></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"></el-tab-pane> <el-tab-pane :label="$t('login.loginway3')" :name="3" v-if="defaultSettings.showQrLogin"></el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
@ -40,7 +40,7 @@
</div> </div>
</el-form-item> </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> <el-checkbox v-model="loginForm.rememberMe">{{ $t('login.rememberMe') }}</el-checkbox>
<span style="font-size: 12px"> <span style="font-size: 12px">
<span @click="handleForgetPwd()" class="forget-pwd">{{ $t('login.forgotPwd') }}</span> <span @click="handleForgetPwd()" class="forget-pwd">{{ $t('login.forgotPwd') }}</span>
@ -48,7 +48,7 @@
</span> </span>
</div> </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"> <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-if="!loading">{{ $t('login.btnLogin') }}</span>
<span v-else>登 录 中...</span> <span v-else>登 录 中...</span>
@ -181,10 +181,7 @@ function handleForgetPwd() {
} }
const interval = ref(null) const interval = ref(null)
const showQrLogin = ref(false)
function handleShowQrLogin() { function handleShowQrLogin() {
// showQrLogin.value = !showQrLogin.value
nextTick(() => { nextTick(() => {
generateCode() generateCode()
}) })

2
src/views/register.vue
View File

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