uat】 进入竖屏直播-竖屏流-评论预显示静止-默哀，默哀图标显示未爱心，预期默哀

@@ -22,7 +22,7 @@ interface ILikeStyleResp {
 export struct LikeComponent {
   @Consume contentDetailData: ContentDetailDTO
   @Prop pageComponentType: number
-  @State likesStyle: number = this.contentDetailData.likesStyle // 赞样式 1红心(点赞) 2大拇指(祈福) 3蜡烛(默哀) 4置空
+  @State likesStyle: number | string = 1 // 赞样式 1红心(点赞) 2大拇指(祈福) 3蜡烛(默哀) 4置空
   @State likeStatus: boolean = false
   viewModel: LikeViewModel = new LikeViewModel()
   @Prop @Watch('onDataUpdated') data: Record<string, string>
@@ -41,6 +41,14 @@ export struct LikeComponent {
   // this.data['status'] = "1"  
 
   aboutToAppear() {
+    // 2：竖屏直播页 3：图集 4：横屏直播页
+    if(this.pageComponentType == 2 || this.pageComponentType == 4) {
+      // 点赞样式 love爱心型  thumb点赞手势 mourning 蜡烛(默哀) pray 祈福
+      this.likesStyle = this.contentDetailData?.liveInfo?.likesStyle
+    } else {
+      // 内容用 点赞样式 1红心(点赞) 2大拇指(祈福) 3蜡烛(默哀) 4置空
+      this.likesStyle = this.contentDetailData.likesStyle
+    }
     this.onDataUpdated()
   }
 
@@ -80,7 +88,7 @@ export struct LikeComponent {
    * 将点赞样式转换为icon
    */
   transLikeStyle(): ILikeStyleResp {
-    if (this.likesStyle === 1) {
+    if (this.likesStyle === 1 || this.likesStyle === 'love' || this.likesStyle === 'thumb') {
       return {
         url: this.likeStatus ? $r(`app.media.ic_like_check`) :
           this.styleType == 1 ?
@@ -88,12 +96,12 @@ export struct LikeComponent {
           $r(`app.media.ic_like_uncheck`),
         name: '赞'
       }
-    } else if (this.likesStyle === 2) {
+    } else if (this.likesStyle === 2 || this.likesStyle === 'pray') {
       return {
         url: this.likeStatus ? $r(`app.media.ic_thub_check`) : $r(`app.media.ic_thub_uncheck`),
         name: '祈祷'
       }
-    } else if (this.likesStyle === 3) {
+    } else if (this.likesStyle === 3 || this.likesStyle === 'mourning') {
       return {
         url: this.likeStatus ? $r(`app.media.ic_candle_check`) :
         $r(`app.media.ic_candle_uncheck`),
@@ -143,6 +151,7 @@ export struct LikeComponent {
     }
     .width(154)
     .height(40)
+    .visibility(this.likesStyle == 4 || this.likesStyle == 'empty' ? Visibility.None : Visibility.Visible)
   }
 
   @Builder
@@ -160,6 +169,7 @@ export struct LikeComponent {
     .onClick(() => {
       this.clickButtonEvent()
     })
+    .visibility(this.likesStyle == 4 || this.likesStyle == 'empty' ? Visibility.None : Visibility.Visible)
   }
 
   @Builder
@@ -173,7 +183,10 @@ export struct LikeComponent {
         .onClick(() => {
           this.clickButtonEvent()
         })
-    }.width(24).height(24)
+    }
+    .width(24)
+    .height(24)
+    .visibility(this.likesStyle == 4 || this.likesStyle == 'empty' ? Visibility.None : Visibility.Visible)
   }
 
   @Builder
@@ -248,6 +261,7 @@ export struct LikeComponent {
     }.width(24).height(24).onClick(() => {
       this.clickButtonEvent()
     })
+    .visibility(this.likesStyle == 4 || this.likesStyle == 'empty' ? Visibility.None : Visibility.Visible)
   }
 
   @Builder
@@ -284,6 +298,7 @@ export struct LikeComponent {
     }
     .width(36)
     .height(42)
+    .visibility(this.likesStyle == 4 || this.likesStyle == 'empty' ? Visibility.None : Visibility.Visible)
 
   }