Browse Source

移除第三登录按钮

master
453530270@qq.com 1 year ago
parent
commit
4a22984b84
  1. 30
      src/view/login/login.vue

30
src/view/login/login.vue

@ -5,7 +5,7 @@
<template>
<div class="login" @keydown.enter="handleSubmit">
<div class="login-con">
<Card icon="md-log-in" title="欢迎登录ApiAdmin后台管理系统" :bordered="false">
<Card icon="md-log-in" title="欢迎使用本系统" :bordered="false">
<div class="form-con">
<Form ref="loginForm" :model="form" :rules="rules">
<FormItem prop="username">
@ -26,41 +26,23 @@
<Button type="primary" long :loading="loading" @click="handleSubmit">登录</Button>
</FormItem>
</Form>
<div style="padding-top:10px;font-size: 11px;border-top: 1px solid #e9eaec;">
<span style="vertical-align:middle;">其他登录</span>
<img style="vertical-align:middle;" @click="qqLogin" :src="qq_login" alt=""> &nbsp;
<img style="vertical-align:middle;" @click="wxLogin" :src="wx_login" alt="">
</div>
</div>
</Card>
</div>
<Modal v-model="wxQrModel" width="360">
<p slot="header" style="color:#2d8cf0;">
<Icon type="information-circled"></Icon>
<span>请用微信扫码登录</span>
</p>
<div style="text-align:center">
<img :src="wxQrUrl" alt="">
</div>
<div slot="footer">
<Button type="primary" size="large" long @click="wxQrModel = false">关闭</Button>
</div>
</Modal>
</div>
</template>
<script>
import { mapActions } from 'vuex'
import { loginByQQ, wx, getQQCode, getQr, checkWxLogin, getWxCode } from '@/api/third-login'
import qq_login from '@/assets/images/qq-login.png'
import wx_login from '@/assets/images/wx-login.png'
import { filterAsyncRouter } from '@/libs/router-utils'
export default {
data () {
return {
qq_login,
wx_login,
form: {
username: '',
password: ''
@ -73,8 +55,6 @@ export default {
{ required: true, message: '密码不能为空', trigger: 'blur' }
]
},
wxQrModel: false,
wxQrUrl: '',
loading: false
}
},

Loading…
Cancel
Save