126 lines
2.8 KiB
SCSS
126 lines
2.8 KiB
SCSS
.user-edit{
|
|
height: 100vh;
|
|
background: #f3f3f3;
|
|
.user-edit-portrait{
|
|
font-size: 22px;
|
|
font-weight: 400;
|
|
color: #ababab;
|
|
display: flex;flex-direction: column;
|
|
align-items: center;justify-content: center;
|
|
background-color: white;
|
|
height: 300px;
|
|
}
|
|
.user-edit-portrait image{
|
|
width: 170px;
|
|
height: 170px;
|
|
border-radius: 50%;
|
|
overflow: hidden;
|
|
object-fit: cover;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.user-edit-content{
|
|
background-color: white;
|
|
margin-top: 24px;
|
|
padding: 0 30px;
|
|
}
|
|
.user-edit-content-title{
|
|
font-size: 26px;
|
|
font-weight: 700;
|
|
color: #000000;
|
|
padding: 40px;
|
|
}
|
|
.user-edit-content-title text{
|
|
margin-right: 10px;
|
|
}
|
|
.user-edit-content-phone{
|
|
font-size: 26px;
|
|
font-weight: 400;
|
|
color: #000000;
|
|
display: flex;justify-content: space-between;
|
|
}
|
|
.user-edit-content-phone text{
|
|
font-size: 24px;
|
|
font-weight: 400;
|
|
color: #ababab;
|
|
}
|
|
.user-edit-content-bindphone{
|
|
padding: 0;width: auto;height: auto;
|
|
margin: 0;background: none;border: 0;
|
|
text-align: left;
|
|
font-size: 26px;
|
|
font-weight: 400;
|
|
color: #ababab;
|
|
}
|
|
.user-edit-content-bindphone::after{
|
|
border: 0;
|
|
}
|
|
.user-edit-content-company{
|
|
width: 118px;
|
|
height: 40px;
|
|
background: #dddddd;
|
|
border-radius: 6px;
|
|
display: flex;align-items: center;justify-content: center;
|
|
font-size: 24px;
|
|
font-weight: 400;
|
|
color: #707070;
|
|
}
|
|
.user-edit-content-company,.user-edit-content-company-adopt{
|
|
background: #CDF3DF;
|
|
color: #07C160;
|
|
}
|
|
.user-edit-content-company text{
|
|
margin-left: 5px;
|
|
}
|
|
.user-edit-content-company.user-edit-content-company-auth{
|
|
background-color: #CDF3DF;
|
|
color: #07C160;
|
|
}
|
|
.user-edit-list{
|
|
height: 90px;
|
|
display: flex;align-items: center;
|
|
border-bottom: 2px solid #f0f0f0;
|
|
}
|
|
.user-edit-list:last-of-type{
|
|
border: none;
|
|
}
|
|
.user-edit-list-left{
|
|
width: 120px;
|
|
border-right: 2px solid #f3f3f3;
|
|
margin-right: 30px;
|
|
font-size: 26px;
|
|
font-weight: 400;
|
|
color: #000000;
|
|
}
|
|
.user-edit-list-right{
|
|
display: flex;justify-content: space-between;align-items: center;
|
|
flex: auto;
|
|
font-size: 26px;
|
|
font-weight: 400;
|
|
color: #000000;
|
|
}
|
|
.user-edit-list-right>view{
|
|
flex: 1;
|
|
}
|
|
.user-edit-list-right-placeholder{
|
|
color: #cccccc;
|
|
}
|
|
.user-edit-list-right .icon-a-moreback{
|
|
font-size: 30px;
|
|
}
|
|
|
|
.user-edit-logout{
|
|
width: 668px;
|
|
height: 82px;
|
|
background: #ffffff;
|
|
border: 2px solid #cde5ff;
|
|
border-radius: 40px;
|
|
// margin: 359px auto 0;
|
|
position: fixed;left: 50%;bottom: 50px;
|
|
transform: translateX(-50%);
|
|
font-size: 32px;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
color: #007aff;
|
|
}
|
|
} |