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

fix: 修改登录页为乳山版本

Browse Source
This commit is contained in:
kun 2024-07-03 10:27:08 +08:00
parent dc26fae1b4
commit e80c55d472
4 changed files with 40 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/views/login/index-rs.scss → src/views/login/index-hc.scss
View File

@ -1,29 +1,19 @@
.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/bglogin_rushan.png") center center no-repeat; background: url("@/assets/images/login/loginBackground.jpg") center center no-repeat;
background-size: 100% 65%; background-color: #eeeeee;
.login-title { background-size: 100% 100%;
color: #2a314b; background-size: cover;
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: flex-end; justify-content: center;
width: 96%; width: 96%;
height: 75%; height: 94%;
padding: 0 50px;
// background-color: hsl(0deg 0% 100% / 80%); // background-color: hsl(0deg 0% 100% / 80%);
border-radius: 10px; border-radius: 10px;
@ -56,7 +46,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 {

14
src/views/login/index-rs.vue → src/views/login/index-hc.vue
View File

@ -1,15 +1,12 @@
<template> <template>
<div class="login-container flx-center"> <div class="login-container flx-center">
<div class="login-title">
<span>{{ globalStore.systemNameConfig }}</span>
</div>
<div class="login-box"> <div class="login-box">
<!-- <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> <!-- 数字化政务监管平台 -->
</div> --> <span>{{ globalStore.systemNameConfig }}</span>
</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="" /> -->
@ -22,7 +19,6 @@
</template> </template>
<script setup lang="ts" name="login"> <script setup lang="ts" name="login">
import SwitchDark from "@/components/SwitchDark/index.vue";
import LoginForm from "./components/LoginForm.vue"; import LoginForm from "./components/LoginForm.vue";
import { GlobalStore } from "@/stores"; import { GlobalStore } from "@/stores";
const globalStore = GlobalStore(); const globalStore = GlobalStore();

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 {

14
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>{{ globalStore.systemNameConfig }}</span>
</div>
<div class="login-box"> <div class="login-box">
<div class="login-left"> <!-- <SwitchDark class="dark" /> -->
<!-- <img src="@/assets/images/login_left.png" alt="login" /> --> <!-- <div class="login-left">
<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>{{ globalStore.systemNameConfig }}</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="" /> -->
@ -19,6 +22,7 @@
</template> </template>
<script setup lang="ts" name="login"> <script setup lang="ts" name="login">
import SwitchDark from "@/components/SwitchDark/index.vue";
import LoginForm from "./components/LoginForm.vue"; import LoginForm from "./components/LoginForm.vue";
import { GlobalStore } from "@/stores"; import { GlobalStore } from "@/stores";
const globalStore = GlobalStore(); const globalStore = GlobalStore();