aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

4
src/component/LoginPage/login/personal.vue
View File

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

7
src/component/LoginPage/verificationCodeInput.vue
View File

@@ -161,6 +161,13 @@
font-size: 2.4rem;
line-height: 8.7rem;
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 {
margin-right: 0;

29
src/component/mainPage/signUp/registerModel.vue
View File

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