修改个人信息页面

This commit is contained in:
龙运模
2024-06-27 22:05:32 +08:00
parent 26e24ecd1c
commit f71caee898
3 changed files with 149 additions and 35 deletions
+1
View File
@@ -4,3 +4,4 @@
@import 'media.scss';
@import 'dark.scss';
@import 'home.scss';
@import 'user.scss';
+110
View File
@@ -0,0 +1,110 @@
.userBox{
.userAside{
border-right: 0;
.el-header{
margin-bottom: 10px;
border-bottom: 0;
background: var(--el-bg-color-overlay);
border-top-left-radius: 6px;
border-top-right-radius: 6px;
.user-info-top{
display: flex;
align-items: center;
.userView{
flex: 1;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 0 10px;
.name{
width: 100%;
margin-bottom: 14px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
text-align: center;
font-size: 16px;
font-weight: 700;
}
}
}
}
.el-main{
background: var(--el-bg-color-overlay);
padding: 10px 0;
}
}
.userMain{
margin: 0 0 0 10px;
box-sizing: border-box;
.el-card{
border:0;
height: 100%;
display: flex;
flex-direction: column;
.el-card__header{
border-bottom: 1px solid var(--el-border-color-light);
padding-bottom: 15px;
font-size: 16px;
font-weight: 400;
margin: 0 10px;
}
.el-card__body{
flex: 1;
padding: 20px 10px 0 10px;
overflow: hidden;
.nopadding{
height: 100%;
}
}
}
}
.userMainPading_0{
.el-card{
.el-card__body{
padding: 0 10px 0 10px;
}
}
}
}
.passwordView{
.title{
width: 100%;
display: flex;
align-items: center;
margin-bottom: 10px;
.name{
flex-basis: 120px;
}
.strength{
flex: 1;
}
}
.text{
margin: 6px 0;
display: flex;
align-items: center;
.icon{
width: 10px;
height: 10px;
border: 2px solid var(--el-color-warning);
background: var(--el-bg-color-overlay);
border-radius: 50%;
margin-right: 8px;
}
}
}
.mainMenu{
.el-menu-item{
height: 48px;
line-height: 48px;
span{
line-height: 48px;
}
}
}