From 2b84be2ebd09d319fd6aab28ff9a77ad74fe177b Mon Sep 17 00:00:00 2001
From: Admin <978517621@qq.com>
Date: Mon, 08 Aug 2022 14:15:06 +0800
Subject: [PATCH] 添加修改页面
---
src/views/loginPage/loginPage.vue | 23 +++++++++++++++--------
1 files changed, 15 insertions(+), 8 deletions(-)
diff --git a/src/views/loginPage/loginPage.vue b/src/views/loginPage/loginPage.vue
index 66c68bc..ab061f4 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 :sm="24" :md="12">
<div class="loginContL">
<div class="apTitleT">新疆国泰新华</div>
<div class="apTitleB">安全风险预警监测系统</div>
<span></span>
</div>
+ </el-col>
+ <el-col :sm="24" :md="12">
<div class="loginPanel">
<div class="welc">WELCOME！</div>
<div class="welcc">欢迎登录</div>
@@ -21,7 +24,8 @@
</el-tabs>
</div>
</div>
- </div>
+ </el-col>
+ </el-row>
</div>
</template>
@@ -82,7 +86,8 @@
display: flex;
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;
@@ -105,16 +110,16 @@
.loginContent{
width: 100%;
- padding: 0 300px;
+ padding: 0 150px;
display: flex;
- align-items: flex-start;
- justify-content: space-between;
+ align-items: center;
+ justify-content: space-around;
.loginContL{
+ width: 100%;
font-size: 48px;
font-weight: bold;
- padding-top: 20px;
- margin-right: 30px;
+ margin-bottom: 100px;
.apTitleT{
color: #fff;
@@ -134,8 +139,10 @@
}
}
.loginPanel{
+ width: 80%;
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