admin/wisdomisitezwfront-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: BUG修改

Browse Source
This commit is contained in:
kun 2023-07-15 18:07:52 +08:00
parent 146bfdb5ac
commit 9b8d796ab6
4 changed files with 26 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/login/bglogin_rushan.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 MiB

4
src/views/login/components/LoginForm.vue
View File

@ -31,8 +31,8 @@
<el-button @click="login(loginFormRef)" size="large" :loading="loading"> 登录 </el-button> <el-button @click="login(loginFormRef)" size="large" :loading="loading"> 登录 </el-button>
</div> </div>
<div class="logon"> <div class="logon">
<el-button type="info" style="color: #2246b4" @click="companyLogon" link>企业注册</el-button> <!-- <el-button type="info" style="color: #2246b4" @click="companyLogon" link>企业注册</el-button> -->
<el-button style="margin: 0 40px; color: #2246b4" type="info" link @click="projectLogon">项目注册</el-button> <el-button style="margin-left: 60px; color: #2246b4" type="info" link @click="projectLogon">项目注册</el-button>
</div> </div>
</template> </template>

26
src/views/login/index.scss
View File

@ -1,19 +1,29 @@
.flx-center {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.login-container { .login-container {
height: 100%; height: 100%;
min-height: 550px; min-height: 550px;
background: url("@/assets/images/login/loginBackground.jpg") center center no-repeat; background: url("@/assets/images/login/bglogin_rushan.png") center center no-repeat;
background-color: #eeeeee; background-size: 100% 65%;
background-size: 100% 100%; .login-title {
background-size: cover; color: #2a314b;
font-weight: 600;
font-size: 22px;
> span {
margin-left: 30px;
}
}
.login-box { .login-box {
position: relative; position: relative;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-end;
width: 96%; width: 96%;
height: 94%; height: 75%;
padding: 0 50px;
// background-color: hsl(0deg 0% 100% / 80%); // background-color: hsl(0deg 0% 100% / 80%);
border-radius: 10px; border-radius: 10px;
@ -46,7 +56,7 @@
height: 377px; height: 377px;
padding: 50px 40px 45px; padding: 50px 40px 45px;
background-color: #ffffff; background-color: #ffffff;
margin-right: 120px;
// border-radius: 10px; // border-radius: 10px;
box-shadow: 2px 3px 7px rgb(0 0 0 / 20%); box-shadow: 2px 3px 7px rgb(0 0 0 / 20%);
.login-logo { .login-logo {

9
src/views/login/index.vue
View File

@ -1,12 +1,15 @@
<template> <template>
<div class="login-container flx-center"> <div class="login-container flx-center">
<div class="login-title">
<span>乳山工程建筑管理服务平台</span>
</div>
<div class="login-box"> <div class="login-box">
<!-- <SwitchDark class="dark" /> --> <!-- <SwitchDark class="dark" /> -->
<div class="login-left"> <!-- <div class="login-left">
<!-- <img src="@/assets/images/login_left.png" alt="login" /> --> <img src="@/assets/images/login_left.png" alt="login" />
<img src="@/assets/images/login/computerIcon.png" alt="" /><br /> <img src="@/assets/images/login/computerIcon.png" alt="" /><br />
<span>数字化政务监管平台</span> <span>数字化政务监管平台</span>
</div> </div> -->
<div class="login-form"> <div class="login-form">
<div class="login-logo"> <div class="login-logo">
<!-- <img class="login-icon" src="@/assets/images/logo.svg" alt="" /> --> <!-- <img class="login-icon" src="@/assets/images/logo.svg" alt="" /> -->