diff --git a/components/message/chat/chat-layout.vue b/components/message/chat/chat-layout.vue index eba287b..9de617e 100644 --- a/components/message/chat/chat-layout.vue +++ b/components/message/chat/chat-layout.vue @@ -367,13 +367,16 @@ onMounted(() => { .number-box { height: 36rpx; - font-size: 24rpx; + min-width: 36rpx; + text-align: center; + font-size: 12px; line-height: 24rpx; padding: 6rpx 10rpx; border-radius: 18rpx; color: #fff; background-color: #0276FF; margin-left: 4rpx; + flex-shrink: 0; } } diff --git a/components/message/list/list.vue b/components/message/list/list.vue index 169adb4..a3b13a0 100644 --- a/components/message/list/list.vue +++ b/components/message/list/list.vue @@ -161,6 +161,11 @@ const editItem = (item) => { .edit { background-color: #5855D6; + + image { + width: 48rpx; + height: 48rpx; + } } .main-box { @@ -240,7 +245,7 @@ const editItem = (item) => { .border-box { position: relative; - padding: 18rpx 14rpx 14rpx 0; + padding: 18rpx 24rpx 14rpx 0; height: 100%; // box-shadow: inset 0 -0.3px 0 0 #D8D8D8; } @@ -272,6 +277,7 @@ const editItem = (item) => { color: #838383; font-size: 28rpx; line-height: 28rpx; + margin-right: 18rpx; } } @@ -401,6 +407,11 @@ const editItem = (item) => { .edit { background-color: #5855D6; + + image { + width: 48rpx; + height: 48rpx; + } } } @@ -599,6 +610,15 @@ const editItem = (item) => { background-color: #F4F4F4; } + .edit { + background-color: #5855D6; + + image { + width: 48rpx; + height: 48rpx; + } + } + } // vivo样式 @@ -683,5 +703,14 @@ const editItem = (item) => { background-color: #F4F4F4; } + .edit { + background-color: #5855D6; + + image { + width: 48rpx; + height: 48rpx; + } + } + } diff --git a/components/message/list/message-nav-bar.vue b/components/message/list/message-nav-bar.vue index d3af3c8..4e12f5c 100644 --- a/components/message/list/message-nav-bar.vue +++ b/components/message/list/message-nav-bar.vue @@ -279,8 +279,8 @@ page { } .border-nav-bar-box { - ::v-deep .nav-bar { - border-bottom: 1rpx solid #B5B5B5; + ::v-deep .nav-bar-container { + box-shadow: 0 -0.3px 0 0 #B5B5B5 inset; } }