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/forgetPass/forgetPass.vue | 96 +++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 87 insertions(+), 9 deletions(-)
diff --git a/pages/forgetPass/forgetPass.vue b/pages/forgetPass/forgetPass.vue
index bc361f6..de32f85 100644
--- a/pages/forgetPass/forgetPass.vue
+++ b/pages/forgetPass/forgetPass.vue
@@ -11,7 +11,7 @@
<view></view>
</view>
<!-- 閲嶇疆瀵嗙爜 -->
- <el-card >
+ <el-card>
<view class="LoginTop"
style="display: flex; justify-content: space-between;margin-bottom: .47rem;align-items: center;">
<!-- <view class="" style="color: #244A7B;padding-bottom: .47rem;font-size: .3rem;font-weight: bold;">鐢ㄦ埛娉ㄥ唽</view> -->
@@ -21,15 +21,15 @@
杩斿洖鐧诲綍
</view>
</view>
- <el-form :hide-required-asterisk="true" ref="formLogin2" label-position="left"
- :rules="rules" :model="resetDataPass">
+ <el-form :hide-required-asterisk="true" ref="formLogin2" label-position="right" :rules="rules"
+ :model="resetDataPass">
<el-form-item label="鎵嬫満/閭" prop="cellphoneORmailbox">
<el-input v-model="resetDataPass.cellphoneORmailbox"></el-input>
</el-form-item>
<el-form-item label="楠岃瘉鐮�" prop="verifyCode">
<view class="verifyCode relative">
- <el-input v-model="resetDataPass.verifyCode" ></el-input>
- <view @click="verifyCodeClick" class=""
+ <el-input v-model="resetDataPass.verifyCode"></el-input>
+ <view @click="verifyCodeClick" class="yzm"
style="position: absolute;right: 0%;top: 0%;color: #244A7B;font-size: .14rem;font-weight: 500;">
鑾峰彇楠岃瘉鐮�</view>
</view>
@@ -37,17 +37,17 @@
<el-form-item label="鏂板瘑鐮�" prop="pass">
<el-input v-model="resetDataPass.newPass"></el-input>
</el-form-item>
- <el-form-item label="纭瀵嗙爜" prop="checkPass">
+ <el-form-item label="纭鏂板瘑鐮�" prop="checkPass">
<el-input v-model="resetDataPass.checkPass"></el-input>
</el-form-item>
<el-form-item class="btn">
<el-button class="font-family"
style="margin-top: 30rpx; font-weight:900;font-size: 30rpx; width: 100%;background-color: #244a7b;color: #fff;padding: 30rpx;"
- size="medium" @click="Login2('formLogin2')">纭畾</el-button>
+ size="medium" @click="Login2('formLogin2')">閲嶇疆瀵嗙爜</el-button>
</el-form-item>
</el-form>
</el-card>
-
+
</view>
<view class="hua"></view>
<!-- 搴曢儴浜虹墿鑳屾櫙鍥惧乏渚� -->
@@ -305,7 +305,7 @@
<style scoped>
/*
鍦ㄥ睆骞曞搴﹁秴杩� 1440px 鏃剁殑鏍峰紡璁剧疆 */
- @media screen and (min-width: 1441px) {
+ /* @media screen and (min-width: 1441px) {
::v-deep .el-card {
top: 60% !important;
}
@@ -332,6 +332,84 @@
height: 2.5rem !important;
}
}
+ */
+ @media screen and (min-width:2560px)and (max-width:3840px) {
+ .LoginBg {
+ margin: 0 !important;
+ height: .3rem !important;
+ }
+
+ ::v-deep .el-card {
+ top: 90% !important;
+ padding: 0 !important;
+ }
+
+ ::v-deep .el-card__body {
+ padding: .25rem .5rem !important;
+ }
+
+ ::v-deep .el-form {
+ padding-left: .1rem !important;
+ }
+
+ ::v-deep .el-form-item__error {
+ font-size: .13rem !important;
+ }
+
+ ::v-deep .el-input__inner {
+ height: .35rem !important;
+ font-size: .14rem;
+ }
+
+ ::v-deep .el-form-item__label {
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+ margin-right: .2rem !important;
+ width: .7rem;
+ }
+
+ .hua {
+ height: 4rem !important;
+ }
+
+ .LoginTop {
+ margin-bottom: .4rem !important;
+ }
+
+ .yzm {
+ top: 15% !important;
+ }
+
+ .fff {
+ width: 2.4rem !important;
+ height: 4rem !important;
+ }
+
+ .rrr {
+ width: 2rem !important;
+ }
+
+ .btn {
+ margin-bottom: .1rem !important;
+ }
+
+ .btn ::v-deep .el-button {
+ margin-top: 0.2rem !important;
+ font-size: 0.2rem !important;
+ width: 100%;
+ padding: 0.12rem !important;
+
+ span {
+ font-weight: bold !important;
+ }
+ }
+
+ .asdf {
+ margin-bottom: .1rem !important;
+ }
+
+ }
.LoginBg {
width: 1.2rem;
--
Gitblit v1.9.1