style: 注册页面手机端适配

This commit is contained in:
2025-11-26 14:37:53 +08:00
parent 08c200ef83
commit 3157a7efdf
4 changed files with 37 additions and 12 deletions

View File

@@ -212,7 +212,7 @@ export default defineComponent({
right: 0;
@media (max-width: 768px) {
position: relative;
justify-content: space-between;
justify-content: flex-end;
width: 100%;
padding: 0.7rem 1.4rem;
margin-left: auto;
@@ -223,11 +223,15 @@ export default defineComponent({
@media (max-width: 768px) {
display: block;
height: 2.5rem;
margin-right: auto;
}
}
.language_btn {
color: #fff;
cursor: pointer;
@media (max-width: 768px) {
color: #000;
}
}
> .gallery_btn {
// margin-right: 2rem;

View File

@@ -49,10 +49,12 @@
{{ isSelectSuccessively? 'CN':'EN'}}
</div>
</div>
<div class="gallery_btn" @click="setLogin">Login</div>
<div class="gallery_btn" @click="setLogin">{{ isSelectSuccessively?'登录':'Login' }}</div>
</div>
</header>
<signUp ref="signUp" :isSelectSuccessively="isSelectSuccessively"></signUp>
<div class="content">
<signUp ref="signUp" :isSelectSuccessively="isSelectSuccessively"></signUp>
</div>
</div>
</template>
@@ -312,4 +314,8 @@ export default defineComponent({
}
}
.content{
flex: 1;
overflow-y: auto;
}
</style>