From 29a02350b873fa6339a7535fa929697fec9a8f84 Mon Sep 17 00:00:00 2001
From: mh-two-thousand-and-two <17391232786@163.com>
Date: 星期三, 03 四月 2024 18:44:07 +0800
Subject: [PATCH] 三
---
pages/Login/Login.vue | 119 +++++++++++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 103 insertions(+), 16 deletions(-)
diff --git a/pages/Login/Login.vue b/pages/Login/Login.vue
index 3ad6d66..9bb59bc 100644
--- a/pages/Login/Login.vue
+++ b/pages/Login/Login.vue
@@ -24,12 +24,12 @@
<el-input v-model="loginData.loginID"></el-input>
</el-form-item>
<el-form-item label="鐧诲綍瀵嗙爜" prop="pass">
- <el-input v-model="loginData.pass"></el-input>
+ <el-input type="password" v-model="loginData.pass"></el-input>
</el-form-item>
<el-form-item class="btn">
<el-button class="font-family"
style="margin-top: .47rem; font-weight:900;font-size: .3rem; width: 100%;background-color:#244A7B;color: #fff;padding: .16rem;"
- size="medium" @click="Login('formLogin1')">鐧诲綍</el-button>
+ size="medium" @click="Login('formLogin1')">娉ㄥ唽</el-button>
</el-form-item>
<view class="" style="display: flex;font-size: .14rem;color: #244A7B;">
<view class="" style="display: inline-block;cursor: pointer;" @click="forgetPass">蹇樿瀵嗙爜
@@ -328,22 +328,78 @@
</script>
<style scoped>
- @media screen and (min-width: 1441px) {
+ @media screen and (max-width:1366px) {
::v-deep .el-card {
- top: 60% !important;
+ top: 50% !important;
}
-
+ ::v-deep .el-input__inner{
+ height: .44rem;
+ }
+ ::v-deep .el-card {
+ padding: .2rem 0 !important;
+ }
+ ::v-deep .el-form-item__error {
+ font-size: .13rem !important;
+ }
+
+ .LoginBg{
+ margin: 0 !important;
+ }
+ .hua{
+ height: 5rem !important;
+ }
+ }
+ @media screen and (min-width:1366px) and (max-width:1920px) {
+ ::v-deep .el-card__body{
+ padding: 0 .58rem !important;
+ }
+ ::v-deep .el-card {
+ top: 80% !important;
+ }
+ ::v-deep .el-input__inner{
+ height: .44rem;
+ }
+ ::v-deep .el-card {
+ padding: .25rem 0 !important;
+ }
+ .LoginBg{
+ margin: 0 !important;
+ }
+ .hua{
+ height: 5rem !important;
+ }
+ }
+ ::v-deep .el-form-item__error {
+ font-size: .13rem !important;
+ }
+ @media screen and (min-width: 1920px) and (max-width:2560px){
+ ::v-deep .el-card {
+ top: 80% !important;
+ }
+ ::v-deep .el-card {
+ padding: .25rem .4rem !important;
+ }
+ ::v-deep .el-card__body {
+ /* top: 90% !important; */
+ padding: 0 !important;
+ }
+ ::v-deep .el-input__inner{
+ height: .44rem;
+ }
+::v-deep .el-form-item__error {
+ font-size: .13rem;
+ }
.BottomColumn {
padding: .10rem 0;
}
- .LoginTop {
+ /* .LoginTop {
margin-bottom: .17rem !important;
- }
+ } */
.btn ::v-deep .el-button {
- margin-top: 0.1rem !important;
- font-size: 0.2rem !important;
+ margin-top: 0.3rem !important;
+ /* font-size: 0.2rem !important; */
width: 100%;
padding: 0.12rem !important;
}
@@ -364,7 +420,42 @@
height: 2.5rem !important;
}
}
-
+ @media screen and (min-width:2560px)and (max-width:3840px) {
+ .LoginBg{
+ margin: 0 !important;
+ }
+ ::v-deep .el-card {
+ top: 85% !important;
+ }
+ ::v-deep .el-input__inner{
+ height: .4rem !important;
+ font-size: .14rem;
+ }
+ ::v-deep .el-input__inner{
+ height: .44rem;
+ }
+ .hua {
+ height: 4rem !important;
+ }
+
+ }
+/* 灏忎簬 */
+ @media screen and (max-width:2560px) {
+ /* ::v-deep .el-input__inner{
+ height: .44rem;
+ }
+ ::v-deep .el-card {
+ padding: .25rem .58rem !important;
+ }
+ ::v-deep .el-card__body {
+ top: 90% !important;
+ padding: 0 !important;
+ }
+ .hua{
+ height: 5rem !important;
+ }
+ */
+ }
.LoginBg {
@@ -392,15 +483,12 @@
margin-left: 0 !important;
}
- /* ::v-deep .el-form-item__label {
-
-
- } */
::v-deep .el-input__inner {
border: none;
border-bottom: 1px solid #2d476a;
border-radius: 0;
+
}
::v-deep .el-form-item__error {
@@ -415,7 +503,6 @@
border-color: #2d476a !important;
}
- ::v-deep .el-form-item__label {}
::v-deep .el-form-item__label {
padding: 0;
@@ -425,7 +512,7 @@
}
::v-deep .el-form-item {
- margin-bottom: .22rem;
+ margin-bottom: .25rem;
}
.ss1 {
--
Gitblit v1.9.1