feat：增加直播间主持人发言弹出提示

 import { ContentDetailDTO, LiveRoomDataBean, LiveRoomItemBean } from 'wdBean/Index';
 import { ContentDetailDTO, LiveRoomDataBean, LiveRoomItemBean } from 'wdBean/Index';
 import { LiveViewModel } from '../viewModel/LiveViewModel';
 import { LiveViewModel } from '../viewModel/LiveViewModel';
-import { CustomToast, Logger, WindowModel } from 'wdKit/Index';
+import { CustomToast, DisplayUtils, Logger, WindowModel } from 'wdKit/Index';
 import { PlayerComponent } from '../widgets/vertical/PlayerComponent';
 import { PlayerComponent } from '../widgets/vertical/PlayerComponent';
 import { PlayerInfoComponent } from '../widgets/vertical/PlayerInfoComponent';
 import { PlayerInfoComponent } from '../widgets/vertical/PlayerInfoComponent';
 import { WDAliPlayerController } from 'wdPlayer/Index';
 import { WDAliPlayerController } from 'wdPlayer/Index';
@@ -14,6 +14,7 @@ import { StringUtils } from 'wdKit';
 import { LiveDetailChatRoomController } from '../im/LiveDetailChatRoomController';
 import { LiveDetailChatRoomController } from '../im/LiveDetailChatRoomController';
 import { LiveMessageOptType } from 'wdBean/src/main/ets/bean/live/LiveRoomBean';
 import { LiveMessageOptType } from 'wdBean/src/main/ets/bean/live/LiveRoomBean';
 import { JSON } from '@kit.ArkTS';
 import { JSON } from '@kit.ArkTS';
+import { ChartItemCompereComponent } from '../widgets/vertical/ChartItemCompereComponent';
 
 
 const storage = LocalStorage.getShared();
 const storage = LocalStorage.getShared();
 const TAG = 'DetailPlayVLivePage'
 const TAG = 'DetailPlayVLivePage'
@@ -45,6 +46,9 @@ export struct DetailPlayVLivePage {
   @State showClearButton: boolean = false
   @State showClearButton: boolean = false
   @Consume liveDetailPageLogic: LiveDetailPageLogic
   @Consume liveDetailPageLogic: LiveDetailPageLogic
   @Provide lastInputedComment: LiveRoomItemBean = {} as LiveRoomItemBean // 上次输入的消息
   @Provide lastInputedComment: LiveRoomItemBean = {} as LiveRoomItemBean // 上次输入的消息
+  @Provide hostInputedComment: LiveRoomItemBean = {} as LiveRoomItemBean // 是否是主持人发言
+
+  @State hostCommentLeft: number = 0
   //播放错误
   //播放错误
   @State isPlayerError: boolean = false
   @State isPlayerError: boolean = false
   @State isCanplay: boolean = false
   @State isCanplay: boolean = false
@@ -54,6 +58,8 @@ export struct DetailPlayVLivePage {
   /// null 直播流画面类型未知，0 横屏流，1 竖屏流，后台选择画面时，以选择的为准
   /// null 直播流画面类型未知，0 横屏流，1 竖屏流，后台选择画面时，以选择的为准
   @Provide isVerticalStream: boolean | null = this.liveDetailPageLogic.dealLiveStreamType()
   @Provide isVerticalStream: boolean | null = this.liveDetailPageLogic.dealLiveStreamType()
 
 
+  @State isDisplayHost: boolean = false
+
   dialogToast: CustomDialogController = new CustomDialogController({
   dialogToast: CustomDialogController = new CustomDialogController({
     builder: CustomToast({
     builder: CustomToast({
       bgColor: 0xB3000000,
       bgColor: 0xB3000000,
@@ -107,7 +113,24 @@ export struct DetailPlayVLivePage {
       if (this.liveViewModel.filterMySelfCommentNoPreDisplay(liveRoomItemBean, preDisplay)) {
       if (this.liveViewModel.filterMySelfCommentNoPreDisplay(liveRoomItemBean, preDisplay)) {
         return
         return
       }
       }
+      if (liveRoomItemBean.role === 'host') {
+        this.isDisplayHost = true
+        this.hostCommentLeft = - DisplayUtils.getDeviceWidth()
+        this.hostInputedComment = liveRoomItemBean
+        animateTo({
+          duration: 400,
+          onFinish: () => {
+            let t = setTimeout(()=>{
+              this.isDisplayHost = false
               this.lastInputedComment = liveRoomItemBean
               this.lastInputedComment = liveRoomItemBean
+              clearTimeout(t)
+            },2000)
+          }
+        }, () => {
+          this.hostCommentLeft = 0;
+        })
+
+      }
     }
     }
     this.chatRoomController.onLiveMessage = (liveRoomItemBean: LiveRoomItemBean) => {
     this.chatRoomController.onLiveMessage = (liveRoomItemBean: LiveRoomItemBean) => {
       switch (liveRoomItemBean.optionType) {
       switch (liveRoomItemBean.optionType) {
@@ -262,8 +285,14 @@ export struct DetailPlayVLivePage {
             TrackingButton.click('clearScreen', TrackConstants.PageName.Live_Detail,
             TrackingButton.click('clearScreen', TrackConstants.PageName.Live_Detail,
               TrackConstants.PageName.Live_Detail)
               TrackConstants.PageName.Live_Detail)
           })
           })
+      }
 
 
+      Stack(){
+        ChartItemCompereComponent().width('100%').margin({left:this.hostCommentLeft})
       }
       }
+      .visibility(this.isDisplayHost?Visibility.Visible:Visibility.Hidden)
+      .height('100%')
+      .width('100%')
     }
     }
     .height('100%')
     .height('100%')
     .width('100%')
     .width('100%')

-import { ContentDetailDTO } from 'wdBean/Index'
+import { ContentDetailDTO, LiveRoomItemBean } from 'wdBean/Index'
+import { DisplayUtils } from 'wdKit'
 
 
 @Component
 @Component
 export struct ChartItemCompereComponent {
 export struct ChartItemCompereComponent {
- // @Consume liveDetailsBean: LiveDetailsBean
-  @Consume contentDetailData: ContentDetailDTO
+  @Consume hostInputedComment: LiveRoomItemBean
   aboutToAppear(): void {
   aboutToAppear(): void {
   }
   }
 
 
@@ -11,13 +11,14 @@ export struct ChartItemCompereComponent {
     ListItem() {
     ListItem() {
       Column() {
       Column() {
         Row() {
         Row() {
-          Image($r('app.media.default_head'))
+          Image(this.hostInputedComment.senderUserAvatarUrl)
+            .alt($r('app.media.default_head'))
             .borderRadius(10)
             .borderRadius(10)
             .width(20)
             .width(20)
             .height(20)
             .height(20)
             .margin({ right: 8 })
             .margin({ right: 8 })
 
 
-          Text('人民日报')
+          Text(this.hostInputedComment.senderUserName)
             .fontSize(14)
             .fontSize(14)
             .fontColor('#FFFFFFFF')
             .fontColor('#FFFFFFFF')
             .margin({ right: 8 })
             .margin({ right: 8 })
@@ -32,7 +33,7 @@ export struct ChartItemCompereComponent {
         .margin({ bottom: 8 })
         .margin({ bottom: 8 })
         .justifyContent(FlexAlign.Start)
         .justifyContent(FlexAlign.Start)
 
 
-        Text(this.contentDetailData.newIntroduction).lineHeight(22).fontColor('#FFFFFFFF').fontSize(14)
+        Text(this.hostInputedComment.text).lineHeight(22).fontColor('#FFFFFFFF').fontSize(14)
       }
       }
       .backgroundColor('#4D000000')
       .backgroundColor('#4D000000')
       .borderRadius(3)
       .borderRadius(3)
@@ -42,7 +43,8 @@ export struct ChartItemCompereComponent {
         left: 8,
         left: 8,
         right: 8
         right: 8
       })
       })
-      .margin({ left: 16, bottom: 4 })
+      .width(DisplayUtils.getDeviceWidth() - 32)
+      .margin({ left: 16, bottom: 4, right:16 })
       .alignItems(HorizontalAlign.Start)
       .alignItems(HorizontalAlign.Start)
     }
     }