ref |> 调整直播详情直播间tab布局UI走查问题

@@ -15,20 +15,21 @@ export struct TabLiveItemComponent {
   }
 
   build() {
+    Column() {
       Row() {
         Image(StringUtils.isEmpty(this.item.senderUserAvatarUrl) ? $r('app.media.default_head') : this.item.senderUserAvatarUrl)
           .borderRadius(90)
           .width(24)
           .height(24)
-
-      Column() {
-        Row() {
+          .id("senderUserAvatar")
         Text(this.item.senderUserName)
           .maxLines(1)
           .textOverflow({ overflow: TextOverflow.Ellipsis })
           .fontSize('14vp')
           .fontWeight(400)
           .fontColor('#222222')
+          .alignRules({center:{anchor:"senderUserAvatar",align:VerticalAlign.Center}})
+          .margin({left:8})
         Text(this.item.role === 'host' ? '主持人' : '嘉宾')
           .maxLines(1)
           .textOverflow({ overflow: TextOverflow.Ellipsis })
@@ -71,7 +72,9 @@ export struct TabLiveItemComponent {
           .width(100)
           .visibility(1 == this.item.isTop ? Visibility.Visible : Visibility.None)
       }
-
+      .justifyContent(FlexAlign.Start)
+      .width("100%")
+      Column() {
         Text(this.item.text)
           .fontSize('14vp')
           .fontWeight(400)
@@ -171,17 +174,16 @@ export struct TabLiveItemComponent {
         }
       }
       .margin({
-        left: 8,
-        right: 16
+        left: 32,
       })
-      .layoutWeight(1)
       .alignItems(HorizontalAlign.Start)
+      .justifyContent(FlexAlign.Start)
     }
-    .alignItems(VerticalAlign.Top)
     .padding({
       left: 17,
-      top: 8,
-      bottom: 8,
+      top: 12,
+      right: 16,
+      bottom: 4,
     })
   }