diff --git a/src/components/main/components/header-bar/header-bar.less b/src/components/main/components/header-bar/header-bar.less index c245d19..b655513 100644 --- a/src/components/main/components/header-bar/header-bar.less +++ b/src/components/main/components/header-bar/header-bar.less @@ -5,7 +5,8 @@ .custom-content-con{ float: right; height: auto; - padding-right: 20px; + // 顶栏内容紧贴右缘,留 6px 呼吸间距即可 + padding-right: 6px; line-height: 64px; & > *{ float: right; diff --git a/src/components/main/components/user/user.less b/src/components/main/components/user/user.less index efbdff9..b8a93cb 100644 --- a/src/components/main/components/user/user.less +++ b/src/components/main/components/user/user.less @@ -3,7 +3,7 @@ cursor: pointer; display: inline-block; vertical-align: middle; - padding: 4px 10px; + padding: 4px 6px 4px 10px; border-radius: 20px; transition: background .18s; &:hover{ @@ -21,12 +21,12 @@ &:hover .user-avatar{ transform: scale(1.06); } - // 姓名:常规字重,与头像平衡 + // 昵称在左、头像在右;昵称右侧留 8px 与头像分隔 .user-nick{ font-size: 14px; font-weight: 500; color: #3d4a66; - margin-left: 8px; + margin-right: 8px; vertical-align: middle; } } diff --git a/src/components/main/components/user/user.vue b/src/components/main/components/user/user.vue index 20b8486..420f7b5 100644 --- a/src/components/main/components/user/user.vue +++ b/src/components/main/components/user/user.vue @@ -1,8 +1,8 @@