0017
/
iot-ui-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: 登录页样式修改

This commit is contained in:
blp 2023-01-12 14:41:49 +08:00
parent 3135213a05
commit 2ef9df6c04
1 changed files with 15 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
src/views/user/Login/index.vue
View File

@ -9,7 +9,6 @@
/> />
</div> </div>
<div class="right"> <div class="right">
<div class="lang" data-lang=""></div>
<div class="content"> <div class="content">
<div class="top"> <div class="top">
<div class="header"> <div class="header">
@ -109,17 +108,13 @@
</a-button> </a-button>
</a-form-item> </a-form-item>
</a-form> </a-form>
<div style="margin-top: 20px"> <div class="other">
<a-divider plain style="height: 12px"> <a-divider plain>
<div <div class="other-text">
style="color: #807676d9, font-size: 12px"
>
其他方式登录 其他方式登录
</div> </div>
</a-divider> </a-divider>
<div <div class="other-button">
style="position: relative, bottom: 10px; text-align: center"
>
<a-button <a-button
v-for="(item, index) in bindings" v-for="(item, index) in bindings"
:key="index" :key="index"
@ -312,8 +307,6 @@ screenRotation(screenWidth.value, screenHeight.value);
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import 'ant-design-vue/es/style/themes/default.less';
.container { .container {
display: flex; display: flex;
height: 100vh; height: 100vh;
@ -336,22 +329,12 @@ screenRotation(screenWidth.value, screenHeight.value);
background: #fff; background: #fff;
} }
.lang {
width: 100%;
height: 40px;
line-height: 44px;
text-align: right;
:global(.ant-dropdown-trigger) {
margin-right: 24px;
}
}
.content { .content {
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
justify-content: center; justify-content: center;
padding: 0 0 15% 0; padding: 0 0 15% 0;
margin-top: 20%;
.top { .top {
width: 100%; width: 100%;
@ -404,17 +387,6 @@ screenRotation(screenWidth.value, screenHeight.value);
max-width: 328px; max-width: 328px;
} }
// ::v-deep {
// .@{ant-prefix}-tabs-nav-list {
// margin: auto;
// font-size: 16px;
// }
// // .ant-formily-item-size-large .ant-formily-item-help {
// // text-align: left;
// // }
// }
.icon { .icon {
margin-left: 16px; margin-left: 16px;
color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.2);
@ -429,12 +401,17 @@ screenRotation(screenWidth.value, screenHeight.value);
} }
.other { .other {
margin-top: 24px; margin-top: 20px;
line-height: 22px;
text-align: left;
.register { .other-text {
float: right; color: #807676d9;
font-size: 12px;
}
.other-button {
position: relative;
bottom: 10px;
text-align: center;
} }
} }