zm/tougao_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
xulu
2021-06-24 15:37:29 +08:00
parent f117ced81e
commit c9fd965e75
1 changed files with 160 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/components/page/Login.vue
View File

@@ -18,19 +18,18 @@
<div class="login-btn"> <div class="login-btn">
<el-button type="primary" @click="submitForm()">{{ $t('system.login') }}</el-button> <el-button type="primary" @click="submitForm()">{{ $t('system.login') }}</el-button>
</div> </div>
<el-row style="text-align: center"> <el-row style="text-align: left">
<el-col :span="12" <el-col :span="24">
><el-link :underline="false" type="primary" @click="doRetrieve()">{{ $t('system.repassword') }}</el-link></el-col <el-link :underline="false" type="primary" @click="doRetrieve()">{{ $t('system.repassword') }}</el-link>
> </el-col>
<el-col :span="12" <el-col :span="24">
><el-link :underline="false" type="primary" @click="doRegister()">{{ $t('system.register') }}</el-link></el-col <el-link :underline="false" type="primary" @click="doRegister()">{{ $t('system.register') }}</el-link>
> </el-col>
</el-row> <el-col :span="24" style="margin-top: 5px;">
<el-row style="text-align: center"> <el-link :underline="false" type="primary" @click="doRetrieve()">
<el-col :span="20" <img class="orcid" src="../../assets/img/orcid.png" style="float: left;margin: -1px 5px 0 0;"/>Login with your
><el-link :underline="false" type="primary" @click="doRetrieve()" </el-link>
><img class="orcid" src="../../assets/img/orcid.png" />login with your </el-link </el-col>
></el-col>
</el-row> </el-row>
</el-form> </el-form>
</div> </div>
@@ -47,8 +46,16 @@ export default {
password: '' password: ''
}, },
rules: { rules: {
username: [{ required: true, message: 'enter one user name', trigger: 'blur' }], username: [{
password: [{ required: true, message: 'Please input a password', trigger: 'blur' }] required: true,
message: 'enter one user name',
trigger: 'blur'
}],
password: [{
required: true,
message: 'Please input a password',
trigger: 'blur'
}]
} }
}; };
}, },
@@ -89,11 +96,15 @@ export default {
}, },
doRegister() { doRegister() {
//注册页面 //注册页面
this.$router.push({ path: '/register' }); this.$router.push({
path: '/register'
});
}, },
doRetrieve() { doRetrieve() {
//找回密码 //找回密码
this.$router.push({ path: '/retrieve' }); this.$router.push({
path: '/retrieve'
});
} }
} }
}; };
@@ -107,6 +118,7 @@ export default {
background-image: url(../../assets/img/login-bg.jpg); background-image: url(../../assets/img/login-bg.jpg);
background-size: 100%; background-size: 100%;
} }
.ms-title { .ms-title {
width: 100%; width: 100%;
line-height: 50px; line-height: 50px;
@@ -115,6 +127,7 @@ export default {
color: #fff; color: #fff;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
} }
.ms-login { .ms-login {
position: absolute; position: absolute;
left: 50%; left: 50%;
@@ -125,22 +138,27 @@ export default {
background: rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.3);
overflow: hidden; overflow: hidden;
} }
.ms-content { .ms-content {
padding: 30px 30px; padding: 30px 30px;
} }
.login-btn { .login-btn {
text-align: center; text-align: center;
} }
.login-btn button { .login-btn button {
width: 100%; width: 100%;
height: 36px; height: 36px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.login-tips { .login-tips {
font-size: 12px; font-size: 12px;
line-height: 30px; line-height: 30px;
color: #fff; color: #fff;
} }
.orcid { .orcid {
display: block; display: block;
width: 20px; width: 20px;