Commit 7e01ced0 authored by 张伯涛's avatar 张伯涛

登录页修改

parent e9202461
This diff is collapsed.
<template>
<div class="login">
<div class="companyTitle">诺兰特(北京)移动通信设备有限公司</div>
<!-- <div class="companyTitle">诺兰特(北京)移动通信设备有限公司</div>-->
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
<img class="fy-logo" src="../../assets/image/loginLogo.png">
<div class="title">诺兰特MES系统产品追溯平台</div>
<img class="fy-logo" src="../../assets/image/nltLogo.png">
<div class="title">Manufacturing Execution System</div>
<div class="login-form-content">
<el-form-item prop="username">
<el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="账号">
......@@ -46,17 +46,19 @@
<span v-else>登 录 中...</span>
</el-button>
</el-form-item>
<div
class="buttons-content"
>
<el-checkbox v-model="loginForm.rememberMe" class="rem-code">记住密码</el-checkbox>
<el-form-item style="width:100%">
<div
class="buttons-content"
>
<el-checkbox v-model="loginForm.rememberMe" class="rem-code">记住密码</el-checkbox>
<!-- <el-link-->
<!-- :underline="false"-->
<!-- @click="goDetail('/forgetPwd')"-->
<!-- >-->
<!-- <router-link to="/forgetPwd">忘记密码</router-link>-->
<!-- </el-link>-->
</div>
</div>
</el-form-item>
</div>
</el-form>
<!-- 底部 -->
......@@ -161,7 +163,7 @@ export default {
justify-content: center;
align-items: center;
height: 100%;
background-image: url("../../assets/image/loginBg.png");
background-image: url("../../assets/image/bg.png");
background-size: cover;
.companyTitle{
position: absolute;
......@@ -184,30 +186,29 @@ export default {
}
.fy-logo{
position: fixed;
top: 17px;
left: 29%;
top: 7px;
left: 31%;
width: 11vw;
}
.title {
margin: 10vh auto 7vh auto;
text-align: center;
color: white;
font-size: 30px;
font-size: 28px;
}
.login-form {
position: absolute;
background: rgba(255,255,255,.2);
//background: rgba(255,255,255,.2);
backdrop-filter: blur(4px);
display: flex;
flex-direction: column;
align-items: flex-end;
border-radius: 6px;
//background: #ffffff no-repeat;
background: #ffffff no-repeat;
background-size: 59%;
background-position-y: 57px;
width: 32vw;
height: 65vh;
width: 500px;
height: 550px;
padding: 25px 25px 5px 25px;
.login-form-content{
//position: absolute;
......@@ -224,7 +225,7 @@ export default {
}
}
.blue-btn{
background-color: #EFB239;
background-color: #D20A10;
width: 100%;
height: 40px;
border-radius: 4px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment