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 | 23 +++++++++++++----------
1 files changed, 13 insertions(+), 10 deletions(-)
diff --git a/src/views/loginPage/loginPage.vue b/src/views/loginPage/loginPage.vue
index ab061f4..9b976a0 100644
--- a/src/views/loginPage/loginPage.vue
+++ b/src/views/loginPage/loginPage.vue
@@ -4,14 +4,14 @@
<canvas class="particles-js-canvas-el" style="width: 100%; height: 100%;" width="472" height="625"></canvas>
</div>
<el-row class="loginContent">
- <el-col :sm="24" :md="12">
+ <el-col :md="12">
<div class="loginContL">
<div class="apTitleT">新疆国泰新华</div>
<div class="apTitleB">安全风险预警监测系统</div>
<span></span>
</div>
</el-col>
- <el-col :sm="24" :md="12">
+ <el-col :md="12" style="display: flex;justify-content: flex-end">
<div class="loginPanel">
<div class="welc">WELCOME！</div>
<div class="welcc">欢迎登录</div>
@@ -26,7 +26,7 @@
</div>
</el-col>
</el-row>
-
+ <div class="rights">技术支持：苏州国科鸿宇智能科技有限公司</div>
</div>
</template>
@@ -84,6 +84,7 @@
position: relative;
z-index: 999;
display: flex;
+ flex-direction: column;
align-items: center;
justify-content: center;
background: url("../../assets/loginPage/login-bg.jpg") no-repeat center;
@@ -97,27 +98,29 @@
#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 150px;
+ padding: 0 200px;
display: flex;
+ flex-wrap: wrap;
align-items: center;
justify-content: space-around;
+ margin-bottom: 40px;
.loginContL{
width: 100%;
- font-size: 48px;
+ font-size: 60px;
font-weight: bold;
margin-bottom: 100px;
@@ -139,7 +142,7 @@
}
}
.loginPanel{
- width: 80%;
+ width: 65%;
padding: 85px 70px;
background: #fff;
min-width: 450px;
--
Gitblit v1.9.2