From 9cb42e93ea6fc79268b7c43a4115b8f0076c84e1 Mon Sep 17 00:00:00 2001
From: Admin <978517621@qq.com>
Date: Tue, 09 Aug 2022 19:18:28 +0800
Subject: [PATCH] 添加修改页面
---
src/views/loginPage/loginPage.vue | 38 ++++++++++++++++++++++++--------------
1 files changed, 24 insertions(+), 14 deletions(-)
diff --git a/src/views/loginPage/loginPage.vue b/src/views/loginPage/loginPage.vue
index 66c68bc..9b976a0 100644
--- a/src/views/loginPage/loginPage.vue
+++ b/src/views/loginPage/loginPage.vue
@@ -3,12 +3,15 @@
<div id="particles-js" style="display: flex;align-items: center;justify-content: center">
<canvas class="particles-js-canvas-el" style="width: 100%; height: 100%;" width="472" height="625"></canvas>
</div>
- <div class="loginContent">
+ <el-row class="loginContent">
+ <el-col :md="12">
<div class="loginContL">
<div class="apTitleT">新疆国泰新华</div>
<div class="apTitleB">安全风险预警监测系统</div>
<span></span>
</div>
+ </el-col>
+ <el-col :md="12" style="display: flex;justify-content: flex-end">
<div class="loginPanel">
<div class="welc">WELCOME！</div>
<div class="welcc">欢迎登录</div>
@@ -21,8 +24,9 @@
</el-tabs>
</div>
</div>
- </div>
-
+ </el-col>
+ </el-row>
+ <div class="rights">技术支持：苏州国科鸿宇智能科技有限公司</div>
</div>
</template>
@@ -80,9 +84,11 @@
position: relative;
z-index: 999;
display: flex;
+ flex-direction: column;
align-items: center;
justify-content: center;
- background-image: radial-gradient(at center, #0075c3, #000b61);
+ background: url("../../assets/loginPage/login-bg.jpg") no-repeat center;
+ /*background-image: radial-gradient(at center, #0075c3, #000b61);*/
canvas {
display: block;
@@ -92,29 +98,31 @@
#particles-js {
width: 100%;
height: 100%;
-
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
- width: 100%;
- height: 100%;
position: absolute;
top: 0;
left: 0;
}
-
+ .rights{
+ font-size: 14px;
+ color: #fff;
+ }
.loginContent{
width: 100%;
- padding: 0 300px;
+ padding: 0 200px;
display: flex;
- align-items: flex-start;
- justify-content: space-between;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: space-around;
+ margin-bottom: 40px;
.loginContL{
- font-size: 48px;
+ width: 100%;
+ font-size: 60px;
font-weight: bold;
- padding-top: 20px;
- margin-right: 30px;
+ margin-bottom: 100px;
.apTitleT{
color: #fff;
@@ -134,8 +142,10 @@
}
}
.loginPanel{
+ width: 65%;
padding: 85px 70px;
background: #fff;
+ min-width: 450px;
border-radius: 15px;
box-shadow: 0 8px 40px rgba(0,0,0,.15);
--
Gitblit v1.9.2