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

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

@ -1,15 +1,12 @@
<template>
<div class="login-container flx-center">
<div class="login-title">
<div class="login-box">
<div class="login-left">
<!-- <img src="@/assets/images/login_left.png" alt="login" /> -->
<img src="@/assets/images/login/computerIcon.png" alt="" /><br />
<!-- 数字化政务监管平台 -->
<span>{{ globalStore.systemNameConfig }}</span>
</div>
<div class="login-box">
<!-- <SwitchDark class="dark" /> -->
<!-- <div class="login-left">
<img src="@/assets/images/login_left.png" alt="login" />
<img src="@/assets/images/login/computerIcon.png" alt="" /><br />
<span>数字化政务监管平台</span>
</div> -->
<div class="login-form">
<div class="login-logo">
<!-- <img class="login-icon" src="@/assets/images/logo.svg" alt="" /> -->
@ -22,7 +19,6 @@
</template>
<script setup lang="ts" name="login">
import SwitchDark from "@/components/SwitchDark/index.vue";
import LoginForm from "./components/LoginForm.vue";
import { GlobalStore } from "@/stores";
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 {
height: 100%;
min-height: 550px;
background: url("@/assets/images/login/loginBackground.jpg") center center no-repeat;
background-color: #eeeeee;
background-size: 100% 100%;
background-size: cover;
background: url("@/assets/images/login/bglogin_rushan.png") center center no-repeat;
background-size: 100% 65%;
.login-title {
color: #2a314b;
font-weight: 600;
font-size: 22px;
> span {
margin-left: 30px;
}
}
.login-box {
position: relative;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
justify-content: flex-end;
width: 96%;
height: 94%;
padding: 0 50px;
height: 75%;
// background-color: hsl(0deg 0% 100% / 80%);
border-radius: 10px;
@ -46,7 +56,7 @@
height: 377px;
padding: 50px 40px 45px;
background-color: #ffffff;
margin-right: 120px;
// border-radius: 10px;
box-shadow: 2px 3px 7px rgb(0 0 0 / 20%);
.login-logo {

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

@ -1,12 +1,15 @@
<template>
<div class="login-container flx-center">
<div class="login-box">
<div class="login-left">
<!-- <img src="@/assets/images/login_left.png" alt="login" /> -->
<img src="@/assets/images/login/computerIcon.png" alt="" /><br />
<!-- 数字化政务监管平台 -->
<div class="login-title">
<span>{{ globalStore.systemNameConfig }}</span>
</div>
<div class="login-box">
<!-- <SwitchDark class="dark" /> -->
<!-- <div class="login-left">
<img src="@/assets/images/login_left.png" alt="login" />
<img src="@/assets/images/login/computerIcon.png" alt="" /><br />
<span>数字化政务监管平台</span>
</div> -->
<div class="login-form">
<div class="login-logo">
<!-- <img class="login-icon" src="@/assets/images/logo.svg" alt="" /> -->
@ -19,6 +22,7 @@
</template>
<script setup lang="ts" name="login">
import SwitchDark from "@/components/SwitchDark/index.vue";
import LoginForm from "./components/LoginForm.vue";
import { GlobalStore } from "@/stores";
const globalStore = GlobalStore();