sdz/cmanager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

首页样式修改

Browse Source
This commit is contained in:
dengxin
2024-02-05 16:05:54 +08:00
parent 502e26526b
commit 534fcf9d2e
4 changed files with 126 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/img/bg/back_zj.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 206 KiB

13
src/page/login/index.vue
View File

@@ -3,10 +3,11 @@
<!-- <cmanage-title @change="changeActive"></cmanage-title> --> <!-- <cmanage-title @change="changeActive"></cmanage-title> -->
<div class="login-weaper animated bounceInDown"> <div class="login-weaper animated bounceInDown">
<div style="height: 50px;"></div> <div style="height: 50px;"></div>
<div class="login-wrapper-small">
<div class="login-content"> <div class="login-content">
<!-- <div class="login-left"> <div class="login-left">
<img class="img" src="/manage/img/logobg.png" alt /> <img class="img" src="/img/bg/back_zj.png" alt />
</div> --> </div>
<div class="login-border"> <div class="login-border">
<user-login v-if="activeName === 'login'" @change="changeActive" /> <user-login v-if="activeName === 'login'" @change="changeActive" />
<forget-pwd v-else-if="activeName === 'pwd'" @change="changeActive" /> <forget-pwd v-else-if="activeName === 'pwd'" @change="changeActive" />
@@ -14,7 +15,11 @@
<work-station-login v-else-if="activeName === 'workstation'" @change="changeActive"></work-station-login> <work-station-login v-else-if="activeName === 'workstation'" @change="changeActive"></work-station-login>
</div> </div>
</div> </div>
<div data-v-3c692830="" style="text-align: center; margin-top: 20px; padding-bottom: 30px;"><div data-v-3c692830="" style="font-size: 12px; color: #40a9ff;">Copyright @ 德阳市智慧就业服务中心</div></div> </div>
<div data-v-3c692830="" style="text-align: center; margin-top: 20px; padding-bottom: 30px;">
<div data-v-3c692830="" style="font-size: 12px; color: #40a9ff;">Copyright @ 德阳市智慧就业服务中心</div>
</div>
</div> </div>
</div> </div>
</template> </template>

51
src/styles/login.scss
View File

@@ -8,7 +8,6 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.login-header { .login-header {
width: 100%; width: 100%;
height: 70px; height: 70px;
@@ -18,7 +17,7 @@
padding: 0 40px; padding: 0 40px;
background-color: #fff; background-color: #fff;
font-size: 16px; font-size: 16px;
color:#CCCCCC; color: #cccccc;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
@@ -47,18 +46,24 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background-color: #f4f6fa; background-color: #f4f6fa;
.login-wrapper-small {
width: 100%;
background-image: linear-gradient(0deg, #006dd9 0%, #74b2ec 99%);
.login-content { .login-content {
width: 1000px; width: 80%;
min-height: 40vw;
//height: 100%; //height: 100%;
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
display: flex; display: flex;
justify-content: center; justify-content: space-around;
align-items: center; align-items: center;
flex-direction: row; flex-direction: row;
.login-left { .login-left {
width: 530px; width: 30vw;
height: 600px; height: 30vw;
flex-shrink: 0;
position: relative; position: relative;
.title { .title {
margin-bottom: 40px; margin-bottom: 40px;
@@ -75,15 +80,20 @@
} }
} }
.login-border { .login-border {
width: calc(100% - 484px); width: calc(50% - 304px);
min-height: 600px; min-width: 350px;
// width: 500px!important;
// height: 300px;
// min-height: 600px;
box-sizing: border-box; box-sizing: border-box;
padding: 50px 40px 0px 0; padding: 20px;
background-color: #fff; background-color: #fff;
border-radius: 4px; border-radius: 4px;
// margin-left: 500px;
flex-shrink: 0;
.login-title { .login-title {
color: #23a8ff; color: #23a8ff;
font-size: 33px; font-size: 22px;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
} }
@@ -124,7 +134,7 @@
} }
.el-form-item__error { .el-form-item__error {
font-size: 12px font-size: 12px;
} }
.login-code { .login-code {
@@ -138,7 +148,7 @@
} }
.msg-text { .msg-text {
cursor: pointer; cursor: pointer;
color:#5D9DF8; color: #5d9df8;
font-size: 14px; font-size: 14px;
} }
} }
@@ -150,7 +160,7 @@
text-align: right; text-align: right;
.el-button { .el-button {
font-size: 14px; font-size: 14px;
color: #5D9DF8; color: #5d9df8;
padding: 0px; padding: 0px;
} }
width: 80px; width: 80px;
@@ -163,7 +173,7 @@
text-align: left; text-align: left;
.el-button { .el-button {
font-size: 14px; font-size: 14px;
color: #5D9DF8; color: #5d9df8;
padding: 0px; padding: 0px;
} }
} }
@@ -176,24 +186,25 @@
border-radius: 8px; border-radius: 8px;
font-size: 18px; font-size: 18px;
letter-spacing: 12px; letter-spacing: 12px;
color: #FFFFFF; color: #ffffff;
cursor: pointer; cursor: pointer;
} }
.register-submit { .register-submit {
width: 100%; width: 100%;
height: 50px; height: 50px;
background:#5D9DF8; background: #5d9df8;
margin-top: 24px; margin-top: 24px;
border-radius: 8px; border-radius: 8px;
font-size: 18px; font-size: 18px;
letter-spacing: 12px; letter-spacing: 12px;
color: #FFFFFF; color: #ffffff;
cursor: pointer; cursor: pointer;
} }
} }
} }
} }
} }
}
.login-footer { .login-footer {
width: 100%; width: 100%;
@@ -210,16 +221,16 @@
input { input {
box-shadow: 0 0 0 1000px white inset; box-shadow: 0 0 0 1000px white inset;
} }
} }
.registerContainer { .registerContainer {
margin-top: -20px; margin-top: -20px;
} }
.introduceWrapBox { .introduceWrapBox {
margin: 0 auto;width: 1000px; margin: 0 auto;
width: 1000px;
.introduceBox { .introduceBox {
display: flex; display: flex;
background: #FFFFFF; background: #ffffff;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 40px; padding: 40px;

58
src/styles/media.scss
View File

@@ -176,36 +176,36 @@
.el-message-box { .el-message-box {
width: 98% !important; width: 98% !important;
} }
//登录页面 // //登录页面
.login-header,login-footer{ // .login-header,login-footer{
width: 100%!important; // width: 100%!important;
} // }
.login-container{ // .login-container{
width: 100%!important; // width: 100%!important;
margin: 0 auto; // margin: 0 auto;
} // }
.login-left { // .login-left {
display: none !important; // display: none !important;
} // }
.login-weaper { // .login-weaper {
width: 100%!important; // width: 100%!important;
height: auto!important; // height: auto!important;
margin: 0 auto!important; // margin: 0 auto!important;
min-width:auto!important; // min-width:auto!important;
} // }
.login-content{ // .login-content{
width: 96%!important; // width: 96%!important;
margin: 0 auto!important; // margin: 0 auto!important;
} // }
.login-border { // .login-border {
width:100%!important; // width:100%!important;
margin: auto!important; // margin: auto!important;
min-height: 420px!important; // min-height: 420px!important;
} // }
.login-main { // .login-main {
width: 100% !important; // width: 100% !important;
} // }
//主框架 //主框架
.avue-tags { .avue-tags {
display: none; display: none;