docking
/
docking-vue
8
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

登录页背景图更换

dev
dengjia 2025-08-25 11:26:56 +08:00
parent ea8a6c4793
commit e7cc293caf
2 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

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

@ -1,10 +1,10 @@
<template> <template>
<div class="login login-container"> <div class="login login-container">
<div class="logo"> <div class="logo">
<img src="/src/assets/images/login/logo.png" alt="" width="500" /> <!-- <img src="/src/assets/images/login/logo.png" alt="" width="500" /> -->
</div> </div>
<div class="form"> <div class="form">
<div class="title">数据交换管理平台</div> <div class="title mb-20">欢迎登录数据交换平台</div>
<el-form <el-form
ref="formRef" ref="formRef"
:model="form" :model="form"
@ -46,11 +46,11 @@
<el-button native-type="submit">登录</el-button> <el-button native-type="submit">登录</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="tips"> <!-- <div class="tips">
<div style="color: red; text-align: left"> <div style="color: red; text-align: left">
本平台为互联网非涉密平台，严禁处理、传输国家秘密和工作秘密 本平台为互联网非涉密平台，严禁处理、传输国家秘密和工作秘密
</div> </div>
</div> </div> -->
<el-tooltip effect="dark" placement="bottom"> <el-tooltip effect="dark" placement="bottom">
<template #content> <template #content>
<img :src="appPath.value" alt="" width="180" height="180" /> <img :src="appPath.value" alt="" width="180" height="180" />
@ -128,7 +128,7 @@ const fnSubmitLogin = async () => {
width: 100%; width: 100%;
background-color: #2d3a4b; background-color: #2d3a4b;
overflow: hidden; overflow: hidden;
background-image: url(../../assets/images/login/bg.png); background-image: url(../../assets/images/login/bg3.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
@ -156,7 +156,8 @@ const fnSubmitLogin = async () => {
transform: translateY(-50%); transform: translateY(-50%);
width: 400px; width: 400px;
height: 490px; height: 490px;
padding: 40px 50px; // height: 675px;
padding: 4px 30px;
background-color: #fff; background-color: #fff;
z-index: 1; z-index: 1;
@ -185,8 +186,9 @@ const fnSubmitLogin = async () => {
} }
.title { .title {
font-size: 20px; font-size: 24px;
color: #000; color: #3b4f70;
font-weight: bold;
line-height: 60px; line-height: 60px;
} }