调整手机注册输入验证码样式

This commit is contained in:
X1627315083
2026-01-14 16:56:39 +08:00
parent 1df7b62fe6
commit f4043d6f61
3 changed files with 36 additions and 4 deletions

View File

@@ -854,6 +854,10 @@ export default defineComponent({
font-size: 2.2rem; font-size: 2.2rem;
font-weight: bold; font-weight: bold;
color: #030303; color: #030303;
@media (max-width: 767px) {
font-size: 1.2rem;
margin-left: .5rem;
}
} }
.email_last_step_block_icon { .email_last_step_block_icon {
cursor: pointer; cursor: pointer;

View File

@@ -161,6 +161,13 @@
font-size: 2.4rem; font-size: 2.4rem;
line-height: 8.7rem; line-height: 8.7rem;
outline: none; outline: none;
@media (max-width: 767px) {
border-radius: .7rem;
width: 3.5rem;
height: 3.5rem;
font-size: 1.8rem;
line-height: 3.5rem;
}
} }
input:last-of-type { input:last-of-type {
margin-right: 0; margin-right: 0;

View File

@@ -79,7 +79,7 @@
Forgot password Forgot password
</div> --> </div> -->
</div> </div>
<div class="password_input_block"> <div class="password_input_block" v-show="emailStap !== 2">
<div v-show="passwordConditionShow" class="conditionShow"> <div v-show="passwordConditionShow" class="conditionShow">
<div class="item"> <div class="item">
<div class="icon"> <div class="icon">
@@ -144,12 +144,13 @@
@click="changePasswordType()" @click="changePasswordType()"
></div> ></div>
</div> </div>
<span style="font-weight: 400; opacity: 0.7" <span style="font-weight: 400; opacity: 0.7" v-show="emailStap !== 2"
>{{ userI18n[selectUserI18n].inputPasswordTip }}</span >{{ userI18n[selectUserI18n].inputPasswordTip }}</span
> >
<div class="login_form_title marign_top30">{{ userI18n[selectUserI18n].Email }}</div> <div class="login_form_title marign_top30" v-show="emailStap !== 2">{{ userI18n[selectUserI18n].Email }}</div>
<input <input
class="login_form_input" class="login_form_input"
v-show="emailStap !== 2"
:placeholder="userI18n[selectUserI18n].inputEmail" :placeholder="userI18n[selectUserI18n].inputEmail"
v-model="email" v-model="email"
@keydown.enter="submitPerLogin()" @keydown.enter="submitPerLogin()"
@@ -917,6 +918,7 @@ export default defineComponent({
position: relative; position: relative;
@media (max-width: 768px) { @media (max-width: 768px) {
margin-top: 2.4rem; margin-top: 2.4rem;
height: 20rem;
} }
&[state="2"] { &[state="2"] {
> * { > * {
@@ -1015,6 +1017,9 @@ export default defineComponent({
// margin-top: 4rem; // margin-top: 4rem;
.email_last_step_bottom { .email_last_step_bottom {
padding: 0 40px; padding: 0 40px;
@media (max-width: 767px) {
padding: 0 2rem;
}
} }
.email_last_step_block { .email_last_step_block {
padding: 10px; padding: 10px;
@@ -1028,6 +1033,10 @@ export default defineComponent({
font-size: 2.2rem; font-size: 2.2rem;
font-weight: bold; font-weight: bold;
color: #030303; color: #030303;
@media (max-width: 767px) {
font-size: 1.2rem;
margin-left: .5rem;
}
} }
.email_last_step_block_icon { .email_last_step_block_icon {
cursor: pointer; cursor: pointer;
@@ -1229,6 +1238,9 @@ export default defineComponent({
font-weight: bold; font-weight: bold;
color: #000; color: #000;
cursor: pointer; cursor: pointer;
@media (max-width: 767px) {
font-size: 1rem;
}
} }
.email_last_step_des { .email_last_step_des {
@@ -1237,16 +1249,25 @@ export default defineComponent({
justify-content: space-between; justify-content: space-between;
margin-top: 4rem; margin-top: 4rem;
margin-bottom: 2rem; margin-bottom: 2rem;
@media (max-width: 767px) {
margin-top: 2rem;
margin-bottom: 1rem;
}
.sent_email_content { .sent_email_content {
font-size: 1.8rem; font-size: 1.8rem;
font-weight: bold; font-weight: bold;
color: #a5b0c2; color: #a5b0c2;
@media (max-width: 767px) {
font-size: 1.2rem;
}
} }
.email_tip_content { .email_tip_content {
font-size: 1.4rem; font-size: 1.4rem;
color: #030303; color: #030303;
@media (max-width: 767px) {
font-size: 1.2rem;
}
} }
} }
} }