From 1923dc7cabd83c26701b6ee0ab889890e792698f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8D=97=E6=80=9D?= <965386816@qq.com>
Date: Fri, 7 Jul 2023 16:28:25 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/views/login/index.vue | 77 ++++++++++++++++++++++-----------------
1 file changed, 43 insertions(+), 34 deletions(-)
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index d11d9ec..b2829e1 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -6,41 +6,34 @@
登录
-
+
-
+
-
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
登 录
@@ -65,7 +58,10 @@ const data = reactive({
});
const loading = ref(false);
const formRef = ref();
-
+const handleCode = () =>{
+ console.log('111111111');
+
+}
const handleSubmit = async () => {
formRef.value.validate(async (valid) => {
if (valid) {
@@ -101,12 +97,14 @@ const handleSubmit = async () => {
.main {
.login {
.auto {
- .el-row{
+ .el-row {
width: 100%;
- .el-form-item{
+
+ .el-form-item {
width: 100%;
}
}
+
.el-input__inner {
width: 100%;
height: 40px;
@@ -118,10 +116,14 @@ const handleSubmit = async () => {
background-color: #fff;
box-shadow: none;
}
+
.el-form-item__content {
- -webkit-user-select: none; /*谷歌 /Chrome*/
- -moz-user-select: none; /*火狐/Firefox*/
- -ms-user-select: none; /*IE 10+*/
+ -webkit-user-select: none;
+ /*谷歌 /Chrome*/
+ -moz-user-select: none;
+ /*火狐/Firefox*/
+ -ms-user-select: none;
+ /*IE 10+*/
user-select: none;
width: 100%;
}
@@ -133,7 +135,11 @@ const handleSubmit = async () => {
.main {
height: 100vh;
width: 100%;
-
+.codeStyle{
+ width: 100px;
+ height: 44px;
+ cursor: pointer;
+}
.login {
position: relative;
background: url(@/assets/images/login_bg_3.png);
@@ -176,7 +182,6 @@ const handleSubmit = async () => {
.auto {
z-index: 4;
- height: 350px;
width: 436px;
position: absolute;
padding: 58px 32px;
@@ -227,22 +232,26 @@ const handleSubmit = async () => {
top: 50%;
transform: translate(-50%, -60%);
}
+
.main .auto {
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 99;
}
+
.main .login {
background-size: 100% 100%;
}
}
+
@media screen and (max-width: 662px) {
.main .login .login_image {
width: 100%;
transform: translate(-56%, -60%);
}
}
+
@media screen and (max-width: 420px) {
.main .auto {
width: 100%;