|
@@ -191,8 +191,9 @@ const onLogout = () => {
|
|
|
.avatar {
|
|
.avatar {
|
|
|
width: 120rpx;
|
|
width: 120rpx;
|
|
|
height: 120rpx;
|
|
height: 120rpx;
|
|
|
- border-radius: 60rpx;
|
|
|
|
|
- background-color: #007aff;
|
|
|
|
|
|
|
+ border-radius: 50%;
|
|
|
|
|
+ /* background-color: #007aff; */
|
|
|
|
|
+ border: 1px solid rgba(128, 128, 128, 0.5);
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
@@ -202,7 +203,7 @@ const onLogout = () => {
|
|
|
.avatar-frame {
|
|
.avatar-frame {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 100%;
|
|
height: 100%;
|
|
|
- border-radius: 60rpx;
|
|
|
|
|
|
|
+ border-radius: 50%;
|
|
|
overflow: hidden; /* 裁切超出部分,避免溢出 */
|
|
overflow: hidden; /* 裁切超出部分,避免溢出 */
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|