ref |> 修复直播详情大家聊角色标签UI走查问题

@@ -4,6 +4,7 @@ import { Logger, StringUtils } from 'wdKit/Index'
 import { WDRouterRule } from 'wdRouter'
 import { ExtraDTO } from 'wdBean/src/main/ets/bean/component/extra/ExtraDTO'
 import { LiveMessageOptType, LiveMessageRole } from 'wdBean/src/main/ets/bean/live/LiveRoomBean'
+import { LengthMetrics, LengthUnit } from '@kit.ArkUI'
 
 const TAG = "TabChatItemComponent"
 
@@ -68,14 +69,20 @@ export struct TabChatItemComponent {
             Span(' 主持人 ')
               .fontSize(11)
               .lineHeight(20)
-              .textBackgroundStyle({ color: "#70FFC63F", radius: 2 })
+              .textBackgroundStyle({ color: "#F1EFEB"})
+              .baselineOffset(new LengthMetrics(5,LengthUnit.PX))
+              .fontColor('#968562')
+              .borderRadius(2)
             Span(' ')
           }
           if (this.item.role == LiveMessageRole.guest) {
             Span(' 嘉宾 ')
               .fontSize(11)
               .lineHeight(20)
-              .textBackgroundStyle({ color: "#70FFC63F", radius: 2 })
+              .textBackgroundStyle({ color: "#F1EFEB"})
+              .baselineOffset(new LengthMetrics(5,LengthUnit.PX))
+              .fontColor('#968562')
+              .borderRadius(2)
             Span(' ')
           }
           Span("回复了 ").fontColor('#222222')