style: 注册页面手机端适配
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user