70 lines
1.0 KiB
Plaintext
70 lines
1.0 KiB
Plaintext
|
|
||
|
|
/* 容器 */
|
||
|
|
.container {
|
||
|
|
background-color: rgb(248, 248, 248);
|
||
|
|
height: 100vh;
|
||
|
|
/* 给容器添加内边距 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 用户信息部分 */
|
||
|
|
.user-info {
|
||
|
|
display: flex;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
/* 用户信息区域底部间距 */
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 用户头像 */
|
||
|
|
.user-avatar {
|
||
|
|
margin-right: 15px;
|
||
|
|
/* 头像与其他信息之间的间距 */
|
||
|
|
}
|
||
|
|
.user-avatar image {
|
||
|
|
width: 50px;
|
||
|
|
height: 50px;
|
||
|
|
border-radius: 50%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 用户信息 */
|
||
|
|
.user-details {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
.nickname {
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.phone-number {
|
||
|
|
color: #888;
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 账户明细部分 */
|
||
|
|
.account-details {
|
||
|
|
background-color: #f5f5f5;
|
||
|
|
padding: 15px;
|
||
|
|
border-radius: 8px;
|
||
|
|
}
|
||
|
|
.account-details .flex {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.icon {
|
||
|
|
width: 30px;
|
||
|
|
height: 30px;
|
||
|
|
background-color: #ddd;
|
||
|
|
border-radius: 50%;
|
||
|
|
margin-right: 10px;
|
||
|
|
}
|
||
|
|
.account-info {
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
.icon-container {
|
||
|
|
margin-right: 15px;
|
||
|
|
}
|
||
|
|
.icon-size {
|
||
|
|
width: 15px;
|
||
|
|
height: 15px;
|
||
|
|
}
|