布局修改 部分bug修复

This commit is contained in:
X1627315083
2025-08-22 10:27:48 +08:00
parent 141821a843
commit 594bf5ce0a
275 changed files with 5675 additions and 13049 deletions

View File

@@ -16,7 +16,7 @@
>
<div class="generalModel_btn" v-if="bindType == 'Modify'">
<div class="generalModel_closeIcon" @click.stop="cancelDsign()">
<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg width="100%" height="100%" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="23" cy="23" r="23" fill="white" fill-opacity="0.3"/>
<rect x="32.5063" y="12" width="3" height="29" rx="1.5" transform="rotate(45 32.5063 12)" fill="white"/>
<rect x="34.6274" y="32.5059" width="3" height="29" rx="1.5" transform="rotate(135 34.6274 32.5059)" fill="white"/>
@@ -26,7 +26,7 @@
<div class="generalModel_btn back" v-if="bindType != 'Modify'">
<div class="generalModel_closeIcon" @click.stop="setBack()">
<span></span>
<span class="back_text">{{ $t('account.back') }}</span>
<span class="back_text">{{ $t('account.logOut') }}</span>
</div>
</div>
<div class="login_page">
@@ -87,6 +87,7 @@
optionFilterProp="label"
style="width: 100%;"
:options="countryList"
:field-names="{ label: locale == 'CHINESE_SIMPLIFIED'?'labelCn':'label' }"
:placeholder="$t('account.plaseCountry')"
allowClear
show-search
@@ -101,12 +102,12 @@
<div class="login_form_email" :class="{active:emailStap===2}">
<div v-show="emailStap === 2" class="email_last_step">
<div class="email_last_step_block" >
<!-- <div class="email_last_step_block" >
<span class="email_last_step_content"
>Verify using a one-time verification code</span
>
<i class="fi fi-br-cross email_last_step_block_icon" @click="emailLastStepFun()"></i>
</div>
</div> -->
<div class="email_last_step_bottom">
<div class="email_last_step_des">
<div class="sent_email_content">
@@ -202,6 +203,7 @@ export default defineComponent({
registerModel:computed(()=>{
return store.state.UserHabit.bindEmail.isBindEmail
}),
// registerModel:false,
bindType:computed(()=>{
return store.state.UserHabit.bindEmail.type
}),
@@ -436,6 +438,7 @@ export default defineComponent({
},
cancelDsign(){
this.store.commit('setIsBindEmail', false)
this.emailStap = 1
},
setBack(){
this.router.push({path:'/login'})
@@ -524,8 +527,8 @@ export default defineComponent({
background: #fff;
transform: scale(0);
transition: .3s all;
border: 2px solid;
border-radius: 20px;
// border: 2px solid;
// border-radius: 20px;
.email_last_step{
width: 100%;
height: 100%;
@@ -557,9 +560,9 @@ export default defineComponent({
}
}
.login_form_title {
font-size: 1.6rem;
font-size: 1.8rem;
// color: #666666;
font-weight: 900;
font-weight: 500;
color: #000;
display: flex;
justify-content: space-between;
@@ -605,7 +608,7 @@ export default defineComponent({
position: absolute;
font-size: 2.4rem;
right: 2rem;
top:1.7rem;
top: 3.3rem;
cursor: pointer;
}
}
@@ -623,13 +626,14 @@ export default defineComponent({
}
.login_form_input {
width: 100%;
height: 5rem;
margin-top: 1rem;
// height: 6.75rem;
height: 5rem;
margin-top: 1rem;
border: 0.1rem solid #dfdfdf;
border-radius: 2.5rem;
border-radius: 4.2rem;
padding-left: 2.1rem;
line-height: 5rem;
font-size: 1.4rem;
font-size: 1.6rem;
box-sizing: border-box;
outline: none;
transition: all .3s;
@@ -648,12 +652,10 @@ export default defineComponent({
.email_last_step {
// margin-top: 4rem;
.email_last_step_bottom{
padding: 0 40px;
}
.email_last_step_block{
padding: 10px;
border-bottom: 2px solid;
// border-bottom: 2px solid;
box-sizing: border-box;
display: flex;
align-items: center;