63 lines
1.4 KiB
Plaintext
63 lines
1.4 KiB
Plaintext
|
.usrinfo{
|
||
|
|
width: 100%;
|
||
|
|
height: 35vh;
|
||
|
|
background-color: #325395;
|
||
|
|
}
|
||
|
|
.avatarcon{
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
height: 150px;
|
||
|
|
}
|
||
|
|
.avatar{
|
||
|
|
width: 100px;
|
||
|
|
height: 100px;
|
||
|
|
border-radius: 50%;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
border: 3px solid white;
|
||
|
|
box-shadow: 0 0 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nickName{
|
||
|
|
width: 100%;
|
||
|
|
text-align: center;
|
||
|
|
font-weight: 700;
|
||
|
|
color: white;
|
||
|
|
font-family:'Times New Roman', Times, serif;
|
||
|
|
font-size: 25px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 列表容器样式 */
|
||
|
|
.list {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
margin-top: 20px; /* 根据需要调整 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 按钮样式 */
|
||
|
|
.btn1, .btn2, .btn3 {
|
||
|
|
width: 80%; /* 按钮宽度 */
|
||
|
|
height: 50px;
|
||
|
|
line-height: 50px;
|
||
|
|
margin: 10px 0; /* 按钮外边距 */
|
||
|
|
background-color: #1AAD19; /* 按钮背景颜色 */
|
||
|
|
color: white; /* 按钮文字颜色 */
|
||
|
|
text-align: center; /* 文字居中 */
|
||
|
|
border-radius: 5px; /* 按钮圆角 */
|
||
|
|
font-size: 16px; /* 文字大小 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 为不同的按钮添加不同的样式，如果需要的话 */
|
||
|
|
.btn1 {
|
||
|
|
background-color: #007aff; /* 在线客服按钮背景颜色 */
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn2 {
|
||
|
|
background-color: #ff9900; /* 个人资料按钮背景颜色 */
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn3 {
|
||
|
|
background-color: #ff3b30; /* 退出登录按钮背景颜色 */
|
||
|
|
}
|