fix(18527)：UI还原问题-【uat】进入直播预告点赞按钮数量样式和ios 不一致，看图

@@ -372,6 +372,8 @@ export class ProcessUtils {
       type: 'JUMP_INNER_NEW_PAGE',
       type: 'JUMP_INNER_NEW_PAGE',
       params: {
       params: {
         contentID: content?.objectId,
         contentID: content?.objectId,
+        //fixme 图文外链，需要单独处理
+        url:content?.linkUrl,
         pageID: 'IMAGE_TEXT_DETAIL',
         pageID: 'IMAGE_TEXT_DETAIL',
         extra: {
         extra: {
           relType: content?.relType,
           relType: content?.relType,

@@ -113,6 +113,7 @@ export struct LiveLikeComponent {
       .width(36)
       .width(36)
       .height(36)
       .height(36)
       .borderRadius(18)
       .borderRadius(18)
+      .margin({top:6})
       .backgroundColor((this.pageComponentType === 4 || this.pageComponentType === 2) ? '#4D000000' :
       .backgroundColor((this.pageComponentType === 4 || this.pageComponentType === 2) ? '#4D000000' :
         this.pageComponentType === 8 ? Color.Transparent : '#FFF5F5F5')
         this.pageComponentType === 8 ? Color.Transparent : '#FFF5F5F5')
 
 
@@ -120,6 +121,7 @@ export struct LiveLikeComponent {
         RelativeContainer() {
         RelativeContainer() {
           Image(this.styleType == 1 ? $r('app.media.comment_icon_number_bg') : $r('app.media.ic_like_back_Select'))
           Image(this.styleType == 1 ? $r('app.media.comment_icon_number_bg') : $r('app.media.ic_like_back_Select'))
             .objectFit(ImageFit.Fill)
             .objectFit(ImageFit.Fill)
+            .height(10)
             .resizable({
             .resizable({
               slice: {
               slice: {
                 top: 1,
                 top: 1,
@@ -144,14 +146,15 @@ export struct LiveLikeComponent {
             .alignRules({
             .alignRules({
               top: { anchor: "__container__", align: VerticalAlign.Top },
               top: { anchor: "__container__", align: VerticalAlign.Top },
               left: { anchor: "__container__", align: HorizontalAlign.Start }
               left: { anchor: "__container__", align: HorizontalAlign.Start }
-            })// .margin({left: 4,right:4
-              // })
+            })
               /*动态计算文字宽度*/
               /*动态计算文字宽度*/
             .width(this.getMeasureText(NumberFormatterUtils.formatNumberWithWan(this.likeCount || '')) +
             .width(this.getMeasureText(NumberFormatterUtils.formatNumberWithWan(this.likeCount || '')) +
-              12)// .backgroundColor(Color.Green)
+              8)// .backgroundColor(Color.Green)
+            .padding({left:2})
             .id("Text")
             .id("Text")
             .visibility(this.likeCount > 0 ? Visibility.Visible : Visibility.Hidden)
             .visibility(this.likeCount > 0 ? Visibility.Visible : Visibility.Hidden)
         }
         }
+        .margin({left:10,top:3})
         .offset({
         .offset({
           x: 18
           x: 18
         })
         })

@@ -20,6 +20,7 @@ import { EmitterEventId, EmitterUtils } from 'wdKit/Index'
 import { ParamType, TrackConstants, TrackingContent } from 'wdTracking/Index';
 import { ParamType, TrackConstants, TrackingContent } from 'wdTracking/Index';
 import { CommentCustomDialog, CommentDialogInputContent } from '../comment/view/CommentCustomDialog';
 import { CommentCustomDialog, CommentDialogInputContent } from '../comment/view/CommentCustomDialog';
 import { HttpUtils } from 'wdNetwork/Index';
 import { HttpUtils } from 'wdNetwork/Index';
+import { faceDetector } from '@kit.CoreVisionKit';
 
 
 const TAG = 'LiveOperRowListView';
 const TAG = 'LiveOperRowListView';
 
 
@@ -68,7 +69,8 @@ export struct LiveOperRowListView {
   @Consume pageId: string
   @Consume pageId: string
   @State likesStyle: number | string = "love" // 点赞样式 love爱心型  thumb点赞手势 mourning 蜡烛(默哀) pray 祈福
   @State likesStyle: number | string = "love" // 点赞样式 love爱心型  thumb点赞手势 mourning 蜡烛(默哀) pray 祈福
   @State openLikes: boolean = false // 是否可以点赞  1：可以 0：不可以
   @State openLikes: boolean = false // 是否可以点赞  1：可以 0：不可以
-
+  //非沉浸式
+  private isLlive = false
   /// comment
   /// comment
   @State showCommentInput: boolean = false
   @State showCommentInput: boolean = false
   private banComment: boolean = true // 是否已禁言
   private banComment: boolean = true // 是否已禁言
@@ -138,6 +140,7 @@ export struct LiveOperRowListView {
               .interpolation(ImageInterpolation.High)
               .interpolation(ImageInterpolation.High)
           }
           }
           .width(48)
           .width(48)
+          .padding({top:10})
           .hoverEffect(HoverEffect.Scale)
           .hoverEffect(HoverEffect.Scale)
           .visibility(this.showBackIcon ? Visibility.Visible : Visibility.None)
           .visibility(this.showBackIcon ? Visibility.Visible : Visibility.None)
           .onClick(() => {
           .onClick(() => {
@@ -169,10 +172,11 @@ export struct LiveOperRowListView {
       .width('100%')
       .width('100%')
       .backgroundColor(this.bgColor)
       .backgroundColor(this.bgColor)
       .padding({
       .padding({
-        top: 10,
+        // top: 10,
         // bottom: 10
         // bottom: 10
-        bottom: `${this.bottomSafeHeight}px`
+        bottom: `${this.bottomSafeHeight}px`,
         // bottom: 50
         // bottom: 50
+        right:20
       })
       })
     }
     }
 
 
@@ -230,6 +234,7 @@ export struct LiveOperRowListView {
         Blank()
         Blank()
       }
       }
     }
     }
+    .padding({top:10})
     .layoutWeight(1)
     .layoutWeight(1)
     .margin({ left: 16 })
     .margin({ left: 16 })
   }
   }
@@ -247,6 +252,7 @@ export struct LiveOperRowListView {
       })
       })
     }
     }
     .width(48)
     .width(48)
+    .margin({left:this.isLlive?0:10})
     .visibility(this.likesStyle == 4 || this.likesStyle == 'empty' || !this.openLikes ? Visibility.None : Visibility.Visible)
     .visibility(this.likesStyle == 4 || this.likesStyle == 'empty' || !this.openLikes ? Visibility.None : Visibility.Visible)
   }
   }
 
 
@@ -274,8 +280,9 @@ export struct LiveOperRowListView {
         })*/
         })*/
     }
     }
     .height(36)
     .height(36)
-    .width(48)
+    .width(this.isLlive?48:36)
     .borderRadius(18)
     .borderRadius(18)
+    .margin({top:10,left:this.isLlive?0:10})
     .backgroundColor(this.pageComponentType === 2 ? '#4D000000' : Color.Transparent)
     .backgroundColor(this.pageComponentType === 2 ? '#4D000000' : Color.Transparent)
     .onClick(() => {
     .onClick(() => {
       this.toggleCollectStatus()
       this.toggleCollectStatus()
@@ -299,9 +306,10 @@ export struct LiveOperRowListView {
           this.share()
           this.share()
         })
         })
     }
     }
+    .margin({top:10,left:this.isLlive?0:10})
     .justifyContent(FlexAlign.Center)
     .justifyContent(FlexAlign.Center)
     .height(36)
     .height(36)
-    .width(48)
+    .width(this.isLlive?48:36)
     .borderRadius(18)
     .borderRadius(18)
     .backgroundColor(this.pageComponentType === 2 ? '#4D000000' : Color.Transparent)
     .backgroundColor(this.pageComponentType === 2 ? '#4D000000' : Color.Transparent)
   }
   }

@@ -109,6 +109,7 @@ export struct DetailPlayLivePage {
       LiveOperRowListView({
       LiveOperRowListView({
         operationButtonList: ['comment', 'collect', 'share', 'like'],
         operationButtonList: ['comment', 'collect', 'share', 'like'],
         styleType: 1,
         styleType: 1,
+        isLlive:this.displayDirection == DisplayDirection.VERTICAL,
         contentDetailData: this.contentDetailData,
         contentDetailData: this.contentDetailData,
         onCommentInputFocus: () => {
         onCommentInputFocus: () => {
           //  切换到大家聊
           //  切换到大家聊