Skip to content

9
91isoft_vue_manage
Commit 116932aa authored by 张伯涛's avatar 张伯涛
Browse files
Options

修改密码和登录的样式文件

parent 9c47c90d
Hide whitespace changes
Inline Side-by-side
Showing with 280 additions and 142 deletions
src/styles/themeA/index.scss
View file @ 116932aa
......@@ -6,3 +6,5 @@
@import "./loginInfo.scss"; // 登录日志模块css样式文件
@import "./operLog.scss"; // 操作日志模块css样式文件
@import "./errorLog.scss"; // 异常日志模块css样式文件
@import "./reSetPsw.scss"; // 修改密码模块css样式文件
@import "./login.scss"; // 登录页面css样式文件
src/styles/themeA/login.scss 0 → 100644
View file @ 116932aa
.login {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
background-image: url("../../assets/image/login-background.jpg");
background-size: cover;
.title {
margin: 7vh auto 7vh auto;
text-align: center;
color: black;
font-size: 36px;
}
.el-input__prefix{
left: 14px;
}
.el-input--prefix .el-input__inner{
padding-left: 44px;
font-size: 16px;
}
.el-form-item {
margin-bottom: 4vh;
}
}
.login-form {
display: flex;
flex-direction: column;
align-items: flex-end;
border-radius: 6px;
background: #ffffff no-repeat;
background-size: 59%;
background-position-y: 57px;
width: 78vw;
height: 76vh;
padding: 25px 25px 5px 25px;
.login-form-content{
position: absolute;
top: 40%;
right: 28%;
width: 45%;
display: flex;
flex-direction: column;
align-items: center;
.el-form-item{
width: 80%;
.el-input__inner{
border-radius: 4px;
}
}
.blue-btn{
width: 36vw;
height: 40px;
border-radius: 4px;
font-size: 18px;
}
}
.el-input {
height: 38px;
input {
height: 38px;
}
}
.input-icon {
height: 39px;
width: 14px;
margin-left: 2px;
}
}
.login-tip {
font-size: 13px;
text-align: center;
color: #bfbfbf;
}
.login-code {
width: 33%;
height: 38px;
float: right;
img {
cursor: pointer;
vertical-align: middle;
}
}
.el-login-footer {
height: 40px;
line-height: 40px;
position: fixed;
bottom: 0;
width: 100%;
text-align: center;
color: #fff;
font-family: Arial;
font-size: 12px;
letter-spacing: 1px;
}
.login_buttons-content{
display: flex;
width: 80%;
justify-content: space-between;
padding: 0 14px;
.rem-code span{
color: $font-dark;
}
.el-link span{
color: $color-theme;
}
.rem-code span, .el-link span{
font-size: 16px;
}
}
src/styles/themeA/reSetPsw.scss 0 → 100644
View file @ 116932aa
.forget-pwd-content{
display: flex;
flex-direction: column;
align-items: center;
min-height: calc(100vh - 110px);
.title{
font-size: 24px;
font-weight: bold;
margin-top: 40px;
}
.el-form{
margin-top: 40px;
width: 40%;
.el-form-item__label{
color: #333333;
font-weight: normal;
}
.el-input__inner{
border-radius: 4px;
}
.blue-btn{
height: 32px;
border-radius: 4px;
}
}
}
src/styles/themeB/index.scss
View file @ 116932aa
......@@ -6,3 +6,5 @@
@import "./loginInfo.scss"; // 登录日志模块css样式文件
@import "./operLog.scss"; // 操作日志模块css样式文件
@import "./errorLog.scss"; // 异常日志模块css样式文件
@import "./reSetPsw.scss"; // 修改密码模块css样式文件
@import "./login.scss"; // 登录页面css样式文件
src/styles/themeB/login.scss 0 → 100644
View file @ 116932aa
.login {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
background-image: url("../../assets/image/login-background.jpg");
background-size: cover;
.title {
margin: 7vh auto 7vh auto;
text-align: center;
color: black;
font-size: 36px;
}
.el-input__prefix{
left: 14px;
}
.el-input--prefix .el-input__inner{
padding-left: 44px;
font-size: 16px;
}
.el-form-item {
margin-bottom: 4vh;
}
}
.login-form {
display: flex;
flex-direction: column;
align-items: flex-end;
border-radius: 6px;
background: #ffffff no-repeat;
background-size: 59%;
background-position-y: 57px;
width: 78vw;
height: 76vh;
padding: 25px 25px 5px 25px;
.login-form-content{
position: absolute;
top: 40%;
right: 28%;
width: 45%;
display: flex;
flex-direction: column;
align-items: center;
.el-form-item{
width: 80%;
.el-input__inner{
border-radius: 4px;
}
}
.blue-btn{
width: 36vw;
height: 40px;
border-radius: 4px;
font-size: 18px;
}
}
.el-input {
height: 38px;
input {
height: 38px;
}
}
.input-icon {
height: 39px;
width: 14px;
margin-left: 2px;
}
}
.login-tip {
font-size: 13px;
text-align: center;
color: #bfbfbf;
}
.login-code {
width: 33%;
height: 38px;
float: right;
img {
cursor: pointer;
vertical-align: middle;
}
}
.el-login-footer {
height: 40px;
line-height: 40px;
position: fixed;
bottom: 0;
width: 100%;
text-align: center;
color: #fff;
font-family: Arial;
font-size: 12px;
letter-spacing: 1px;
}
.login_buttons-content{
display: flex;
width: 80%;
justify-content: space-between;
padding: 0 14px;
.rem-code span{
color: $font-dark;
}
.el-link span{
color: $color-theme;
}
.rem-code span, .el-link span{
font-size: 16px;
}
}
src/styles/themeB/reSetPsw.scss 0 → 100644
View file @ 116932aa
.forget-pwd-content{
display: flex;
flex-direction: column;
align-items: center;
min-height: calc(100vh - 110px);
.title{
font-size: 24px;
font-weight: bold;
margin-top: 40px;
}
.el-form{
margin-top: 40px;
width: 40%;
.el-form-item__label{
color: #333333;
font-weight: normal;
}
.el-input__inner{
border-radius: 4px;
}
.blue-btn{
height: 32px;
border-radius: 4px;
}
}
}
src/views/login/login.vue
View file @ 116932aa
......@@ -47,7 +47,7 @@
</el-button>
</el-form-item>
<div
class="buttons-content"
class="login_buttons-content"
>
<el-checkbox v-model="loginForm.rememberMe" class="rem-code">记住密码</el-checkbox>
<!-- <el-link-->
......@@ -156,120 +156,5 @@ export default {
</script>
<style rel="stylesheet/scss" lang="scss">
.login {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
background-image: url("../../assets/image/login-background.jpg");
background-size: cover;
.el-input__prefix{
left: 14px;
}
.el-input--prefix .el-input__inner{
padding-left: 44px;
font-size: 16px;
}
.el-form-item {
margin-bottom: 4vh;
}
}
.fy-logo{
position: fixed;
top: 20px;
left: 45%;
width: 8vw;
}
.title {
margin: 7vh auto 7vh auto;
text-align: center;
color: black;
font-size: 36px;
}
.login-form {
display: flex;
flex-direction: column;
align-items: flex-end;
border-radius: 6px;
background: #ffffff no-repeat;
background-size: 59%;
background-position-y: 57px;
width: 78vw;
height: 76vh;
padding: 25px 25px 5px 25px;
.login-form-content{
position: absolute;
top: 40%;
right: 28%;
width: 45%;
display: flex;
flex-direction: column;
align-items: center;
.el-form-item{
width: 80%;
.el-input__inner{
border-radius: 4px;
}
}
.blue-btn{
width: 36vw;
height: 40px;
border-radius: 4px;
font-size: 18px;
}
}
.el-input {
height: 38px;
input {
height: 38px;
}
}
.input-icon {
height: 39px;
width: 14px;
margin-left: 2px;
}
}
.login-tip {
font-size: 13px;
text-align: center;
color: #bfbfbf;
}
.login-code {
width: 33%;
height: 38px;
float: right;
img {
cursor: pointer;
vertical-align: middle;
}
}
.el-login-footer {
height: 40px;
line-height: 40px;
position: fixed;
bottom: 0;
width: 100%;
text-align: center;
color: #fff;
font-family: Arial;
font-size: 12px;
letter-spacing: 1px;
}
.buttons-content{
display: flex;
width: 80%;
justify-content: space-between;
padding: 0 14px;
.rem-code span{
color: $font-dark;
}
.el-link span{
color: $color-theme;
}
.rem-code span, .el-link span{
font-size: 16px;
}
}
</style>
src/views/reSetPsw.vue
View file @ 116932aa
......@@ -121,30 +121,5 @@ export default {
}
</script>
<style lang="scss" scoped>
.forget-pwd-content{
display: flex;
flex-direction: column;
align-items: center;
min-height: calc(100vh - 110px);
.title{
font-size: 24px;
font-weight: bold;
margin-top: 40px;
}
.el-form{
margin-top: 40px;
width: 40%;
.el-form-item__label{
color: #333333;
font-weight: normal;
}
.el-input__inner{
border-radius: 4px;
}
.blue-btn{
height: 32px;
border-radius: 4px;
}
}
}
</style>
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