2020-01-09 16:29:09 +08:00
|
|
|
|
|
|
|
.content {}
|
|
|
|
.content .image {
|
|
|
|
display: -webkit-box;
|
|
|
|
display: -webkit-flex;
|
|
|
|
display: flex;
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
-webkit-box-direction: normal;
|
|
|
|
-webkit-flex-direction: column;
|
|
|
|
flex-direction: column;
|
|
|
|
-webkit-box-align: center;
|
|
|
|
-webkit-align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
-webkit-box-pack: center;
|
|
|
|
-webkit-justify-content: center;
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
.content .image .image-content {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
.content .image .image-content .background {
|
|
|
|
width: 100%;
|
2020-01-10 14:30:31 +08:00
|
|
|
height: 450rpx;
|
2020-01-09 16:29:09 +08:00
|
|
|
}
|
|
|
|
.content .image .image-avatar {
|
|
|
|
position: fixed;
|
|
|
|
-webkit-align-self: center;
|
|
|
|
align-self: center;
|
|
|
|
width: 200rpx;
|
|
|
|
height: 200rpx;
|
|
|
|
border-radius: 100rpx;
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
}
|
|
|
|
.content .image .image-avatar .avatar {
|
|
|
|
width: 185rpx;
|
|
|
|
height: 185rpx;
|
|
|
|
margin-top: 10rpx;
|
|
|
|
margin-left: 10rpx;
|
|
|
|
border-radius: 90rpx;
|
|
|
|
}
|
|
|
|
.content .user-username {}
|
|
|
|
.content .user-name {}
|
|
|
|
.confirm-logout-box {
|
|
|
|
width: 400rpx;
|
|
|
|
height: 200rpx;
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
text-align: center;
|
|
|
|
border-radius: 20rpx;
|
|
|
|
}
|
|
|
|
.confirm-logout-box .confirm-logout-message {
|
|
|
|
height: 140rpx;
|
|
|
|
line-height: 140rpx;
|
|
|
|
}
|
|
|
|
.confirm-logout-box .confirm-logout-bottons .confirm {
|
|
|
|
float: left;
|
|
|
|
width: 199rpx;
|
|
|
|
text-align: center;
|
|
|
|
border-top: 1px solid silver;
|
|
|
|
border-right: 1px solid silver;
|
|
|
|
}
|
|
|
|
.confirm-logout-box .confirm-logout-bottons .cancel {
|
|
|
|
float: right;
|
|
|
|
width: 199rpx;
|
|
|
|
text-align: center;
|
|
|
|
border-top: 1px solid silver;
|
|
|
|
border-left: 1px solid silver;
|
|
|
|
}
|
2020-01-10 14:30:31 +08:00
|
|
|
.item-li {
|
|
|
|
width: 100%;
|
|
|
|
display: -webkit-box;
|
|
|
|
display: -webkit-flex;
|
|
|
|
display: flex;
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
-webkit-box-direction: normal;
|
|
|
|
-webkit-flex-direction: column;
|
|
|
|
flex-direction: column;
|
|
|
|
-webkit-box-align: center;
|
|
|
|
-webkit-align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
}
|
2020-01-09 16:29:09 +08:00
|
|
|
|