Skip to content

N
NLT-e-cigarette
Commit 7e01ced0 authored by 张伯涛's avatar 张伯涛
Browse files
Options

登录页修改

parent e9202461
Show whitespace changes
Inline Side-by-side
Showing with 19 additions and 18 deletions
src/assets/image/bg.png 0 → 100644
View file @ 7e01ced0
This diff is collapsed.
src/views/login/login.vue
View file @ 7e01ced0
<template> <template>
<div class="login"> <div class="login">
<div class="companyTitle">诺兰特（北京）移动通信设备有限公司</div> <!-- <div class="companyTitle">诺兰特（北京）移动通信设备有限公司</div>-->
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form"> <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
<img class="fy-logo" src="../../assets/image/loginLogo.png"> <img class="fy-logo" src="../../assets/image/nltLogo.png">
<div class="title">诺兰特MES系统产品追溯平台</div> <div class="title">Manufacturing Execution System</div>
<div class="login-form-content"> <div class="login-form-content">
<el-form-item prop="username"> <el-form-item prop="username">
<el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="账号"> <el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="账号">
...@@ -46,6 +46,7 @@ ...@@ -46,6 +46,7 @@
<span v-else>登 录 中...</span> <span v-else>登 录 中...</span>
</el-button> </el-button>
</el-form-item> </el-form-item>
<el-form-item style="width:100%">
<div <div
class="buttons-content" class="buttons-content"
> >
...@@ -57,6 +58,7 @@ ...@@ -57,6 +58,7 @@
<!-- <router-link to="/forgetPwd">忘记密码</router-link>--> <!-- <router-link to="/forgetPwd">忘记密码</router-link>-->
<!-- </el-link>--> <!-- </el-link>-->
</div> </div>
</el-form-item>
</div> </div>
</el-form> </el-form>
<!-- 底部 --> <!-- 底部 -->
...@@ -161,7 +163,7 @@ export default { ...@@ -161,7 +163,7 @@ export default {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 100%; height: 100%;
background-image: url("../../assets/image/loginBg.png"); background-image: url("../../assets/image/bg.png");
background-size: cover; background-size: cover;
.companyTitle{ .companyTitle{
position: absolute; position: absolute;
...@@ -184,30 +186,29 @@ export default { ...@@ -184,30 +186,29 @@ export default {
} }
.fy-logo{ .fy-logo{
position: fixed; position: fixed;
top: 17px; top: 7px;
left: 29%; left: 31%;
width: 11vw; width: 11vw;
} }
.title { .title {
margin: 10vh auto 7vh auto; margin: 10vh auto 7vh auto;
text-align: center; text-align: center;
color: white; font-size: 28px;
font-size: 30px;
} }
.login-form { .login-form {
position: absolute; position: absolute;
background: rgba(255,255,255,.2); //background: rgba(255,255,255,.2);
backdrop-filter: blur(4px); backdrop-filter: blur(4px);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-end; align-items: flex-end;
border-radius: 6px; border-radius: 6px;
//background: #ffffff no-repeat; background: #ffffff no-repeat;
background-size: 59%; background-size: 59%;
background-position-y: 57px; background-position-y: 57px;
width: 32vw; width: 500px;
height: 65vh; height: 550px;
padding: 25px 25px 5px 25px; padding: 25px 25px 5px 25px;
.login-form-content{ .login-form-content{
//position: absolute; //position: absolute;
...@@ -224,7 +225,7 @@ export default { ...@@ -224,7 +225,7 @@ export default {
} }
} }
.blue-btn{ .blue-btn{
background-color: #EFB239; background-color: #D20A10;
width: 100%; width: 100%;
height: 40px; height: 40px;
border-radius: 4px; 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