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/Register/Register.vue | 187 ++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 178 insertions(+), 9 deletions(-)
diff --git a/pages/Register/Register.vue b/pages/Register/Register.vue
index c84bad3..77e5d40 100644
--- a/pages/Register/Register.vue
+++ b/pages/Register/Register.vue
@@ -39,7 +39,7 @@
<el-form-item label="楠岃瘉鐮�" prop="verifyCode">
<view class="verifyCode relative">
<el-input v-model="registerData.verifyCode" placeholder="璇疯緭鍏ラ獙璇佺爜"></el-input>
- <view @click="verifyCodeClick" class=""
+ <view @click="verifyCodeClick" class="yzm"
style="position: absolute;right: 0%;top: 0%;color: #244A7B;font-size: .14rem;font-weight: 500;">
鑾峰彇楠岃瘉鐮�</view>
</view>
@@ -49,7 +49,7 @@
style="margin-top: .22rem; font-weight:900;font-size: .3rem; width: 100%;background-color:#244A7B;color: #fff;padding: .16rem;"
size="medium" @click="Login('formLogin')">娉ㄥ唽</el-button>
</el-form-item>
- <view class=""
+ <view class="asdf"
style="font-size: .12rem;color: #9E9E9E;font-weight: 500; text-align: center;line-height: normal;margin-bottom: .19rem;">
鐢ㄦ埛娉ㄥ唽鍗充唬琛ㄥ悓鎰忋�婃湇鍔℃潯娆俱�嬪拰銆婄敤鎴烽殣绉佷繚鎶ゅ拰涓汉淇℃伅鏉℃銆�</view>
</el-form>
@@ -308,9 +308,175 @@
}
</script>
<style scoped>
- @media screen and (min-width: 1366px){
+ @media screen and (max-width:1366px) {
+ ::v-deep .el-card {
+ top: 50% !important;
+ }
+
+ ::v-deep .el-input__inner {
+ height: .44rem;
+ }
+
+ ::v-deep .el-card {
+ padding: .2rem 0 !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;
+ }
+ }
+
+ @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 {
+ margin-bottom: .17rem !important;
+ } */
+
+ .btn ::v-deep .el-button {
+ margin-top: 0.3rem !important;
+ /* font-size: 0.2rem !important; */
+ width: 100%;
+ padding: 0.12rem !important;
+ }
+
+ .LoginBg {
+ height: .3rem !important;
+ }
+
+ .hua {
+ height: 4rem !important;
+ }
+
+ .fff {
+ height: 3.5rem !important;
+ }
+
+ .rrr {
+ 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: 70% !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;
+ }
+
+ .hua {
+ height: 4rem !important;
+ }
+
+ .LoginTop {
+ margin-bottom: .25rem !important;
+ }
+
+ .yzm {
+ top: 15% !important;
+ }
+
+ .fff {
+ width: 2.4rem !important;
+ height: 4rem !important;
+ }
+
+ .rrr {
+ width: 2rem !important;
+ }
+
+ .btn ::v-deep .el-button {
+ margin-top: 0.2rem !important;
+ /* font-size: 0.2rem !important;
+ width: 100%;
+ padding: 0.12rem !important; */
+ }
+
+ .asdf {
+ margin-bottom: .1rem !important;
+ }
+
+ }
+
+ /* @media screen and (max-width: 1366px){
::v-deep .el-card{
top: 60% !important;
+ }
+ .LoginTop{
+ margin-bottom: .2rem !important;
}
}
@media screen and (min-width: 1920px){
@@ -318,9 +484,11 @@
top: 80% !important;
}
- }/*
+
+ } */
+ /*
鍦ㄥ睆骞曞搴﹁秴杩� 1440px 鏃剁殑鏍峰紡璁剧疆 */
- @media screen and (min-width: 1441px) {
+ /* @media screen and (min-width: 1441px) {
::v-deep .el-card {
top: 80% !important;
}
@@ -346,14 +514,15 @@
}.rrr{
height: 2.5rem !important;
}
- }
-
+ } */
+
.LoginBg {
width: 1.2rem;
height: .37rem;
background: url(@/static/image/鐢ㄦ埛娉ㄥ唽.png) no-repeat 0 0;
background-size: 100% 100%;
+ /* border: 10px solid red; */
}
@@ -412,8 +581,8 @@
font-weight: 500;
margin-right: .29rem;
display: flex;
- align-items: center;
- text-align: right;
+ align-items: center;
+ text-align: right;
}
::v-deep .el-form-item {
--
Gitblit v1.9.1