From 9e9e7b3bd346f5189becc20fb6ac127c320ec1ee Mon Sep 17 00:00:00 2001
From: wang <3597712270@qq.com>
Date: 星期二, 26 三月 2024 13:31:38 +0800
Subject: [PATCH] 前端页面
---
UI-Project/src/views/LoginView.vue | 69 +++++++++++++++++++++-------------
1 files changed, 42 insertions(+), 27 deletions(-)
diff --git a/UI-Project/src/views/LoginView.vue b/UI-Project/src/views/LoginView.vue
index 154d12b..d949ca3 100644
--- a/UI-Project/src/views/LoginView.vue
+++ b/UI-Project/src/views/LoginView.vue
@@ -98,11 +98,19 @@
<template>
<div class="mainDiv" >
<div id="main-login">
- <div id="img-div">
- <img id="img-pic" src="@/assets/img.png" alt="">
+ <!-- <img
+ style="width: 100%; height: 99vh"
+ src="../../src/assets/background.jpg"
+ /> -->
+ <div>
+ <div style="position: absolute; left: 8vw; top: 6vw; ">
+ <img src="../../src/assets/3.png">
+ </div>
+ <div style="position: absolute; left: 15vw; top: 22vw; font-size: 55px;color: rgba(29, 33, 41, 1);">
+ 鍖楃幓MES绯荤粺
</div>
+ </div>
<div id="div-login">
- <h2>鍖楃幓鑷姩鍖朎RP绠＄悊绯荤粺</h2>
<el-form
@submit.native.prevent
ref="ruleFormRef"
@@ -110,41 +118,50 @@
status-icon
:rules="rules"
>
- <el-form-item label="鐢ㄦ埛锛�" prop="userId">
+ <div id="center">
+ <div style="color: rgba(78, 89, 105, 1);margin-bottom: 10px;">璐﹀彿</div>
+ <el-form-item prop="userId">
<el-input
+ style="width: 340px;"
v-model="userForm.userId"
type="text"
autocomplete="off"
:prefix-icon="Avatar"
- placeholder="璇疯緭鍏ヤ綘鐨勮处鍙�"
+ placeholder="璇疯緭鍏ヨ处鍙�"
/>
</el-form-item>
- <el-form-item label="瀵嗙爜锛�" prop="pass">
+ <div style="color: rgba(78, 89, 105, 1);margin-bottom: 10px;">瀵嗙爜</div>
+ <el-form-item prop="pass">
<el-input
+ style="width: 340px;"
v-model="userForm.pass"
type="password"
autocomplete="off"
:prefix-icon="Lock"
- placeholder="璇疯緭鍏ヤ綘鐨勫瘑鐮�"
+ show-password
+ placeholder="璇疯緭鍏ュ瘑鐮�"
/>
</el-form-item>
<el-form-item id="submitForm">
- <el-button
- :loading="registerLoadings"
- type="primary"
- @click="register"
- >娉ㄥ唽
- </el-button>
<el-button
:loading="loginLoadings"
type="primary"
native-type="submit"
@click="submitForm(ruleFormRef)"
@keyup.enter.native="keyDown(e)"
+ plain
>鐧诲綍
+ </el-button>
+ <el-button
+ :loading="registerLoadings"
+ type="primary"
+ @click="register"
+ plain
+ >娉ㄥ唽
</el-button>
</el-form-item>
+ </div>
</el-form>
</div>
</div>
@@ -154,16 +171,15 @@
<style scoped>
.mainDiv{
- //background-color: #1890FF;
overflow: hidden;
min-width: 718px;
+ background-image: url("../../src/assets/background.jpg");
+
}
#main-login{
margin: 150px auto 0 auto;
- height: 60vh;
- width: 70vw;
-
- //background-color: #f2f2f2;
+ height: 70vh;
+ width: 80vw;
}
#img-div{
width: 55%;
@@ -179,23 +195,22 @@
}
#div-login{
margin-top: 5%;
+ /* margin-top: 20%; */
+ /* margin-left: 650px; */
background-color: #fff;
float: right;
width: 40%;
- height: 80%;
- border-radius: 12px;
+ height: 60%;
min-width: 318px;
+ border-radius: 4px;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0), 0 6px 5px 0 rgba(0,0,0,0.19);
}
-h2{
- color: #1890FF;
- width: 100%;
- text-align: center;
- margin-top: 20%;
+#center{
+ margin-top: -30px;
}
.el-form{
- width: 50%;
- margin: 5% auto auto;
+ width: 60%;
+ margin: 20% auto auto;
}
#submitForm {
display: flex;
--
Gitblit v1.8.0