修改视频评论

+/**
+ * 直播页面点赞动画
+ */
+
+interface animationItem {
+  x: string | number;
+  y: string | number;
+  opacity: number;
+  name: string;
+  key: string;
+  url: Resource
+}
+
+@Component
+export struct LikeAnimationView {
+  @State @Watch('countChange') count: number = 0
+  @State imgList: Resource[] =
+    [$r('app.media.like_animation_1'), $r('app.media.like_animation_2'), $r('app.media.like_animation_3')]
+  @State animationList: animationItem[] = []
+
+  countChange() {
+    this.animationList.push({
+      name: 'xxxx',
+      x: 0,
+      y: 0,
+      opacity: 1,
+      key: Math.random() + '',
+      url: this.getRandomUrl()
+
+    })
+  }
+
+  getRandomUrl(): Resource {
+    if (Math.random() >= 0 && Math.random() >= 0.33) {
+      return this.imgList[0]
+    } else if (Math.random() >= 0.33 && Math.random() >= 0.66) {
+      return this.imgList[1]
+    } else {
+      return this.imgList[2]
+    }
+  }
+
+  startAnimation() {
+
+  }
+
+  stopAnimation() {
+
+  }
+
+  aboutToAppear(): void {
+  }
+
+  aboutToDisappear(): void {
+  }
+
+  build() {
+    Stack() {
+      ForEach(this.animationList, (item: animationItem) => {
+        Image(item.url)
+          .width(48)
+          .height(48)
+      }, (item: animationItem) => item.key)
+    }
+
+  }
+}

+import { ContentDetailDTO } from 'wdBean/Index'
+import {
+  publishCommentModel
+} from '../../../../../wdComponent/src/main/ets/components/comment/model/PublishCommentModel'
+import { CommentComponent } from '../../../../../wdComponent/src/main/ets/components/comment/view/CommentComponent'
+
+@Component
+export struct CommentComponentPage {
+  scroller: Scroller = new Scroller()
+  @Consume contentDetailData: ContentDetailDTO
+  @Consume showCommentList: boolean
+  @State publishCommentModel: publishCommentModel = new publishCommentModel()
+
+  aboutToAppear(): void {
+
+    this.publishCommentModel.targetId = String(this.contentDetailData?.newsId || '')
+    this.publishCommentModel.targetRelId = String(this.contentDetailData?.reLInfo?.relId)
+    this.publishCommentModel.targetTitle = this.contentDetailData?.newsTitle
+    this.publishCommentModel.targetRelType = String(this.contentDetailData?.reLInfo?.relType)
+    this.publishCommentModel.targetRelObjectId = String(this.contentDetailData?.reLInfo?.relObjectId)
+    this.publishCommentModel.keyArticle = String(this.contentDetailData?.keyArticle)
+    this.publishCommentModel.targetType = String(this.contentDetailData?.newsType)
+  }
+
+  build() {
+    Scroll(this.scroller) {
+      Stack() {
+        CommentComponent({
+          publishCommentModel: this.publishCommentModel
+        })
+        Image($r("app.media.ic_close_black"))
+          .width(20)
+          .height(20)
+          .onClick(() => {
+            this.showCommentList = false
+          })
+          .margin({ top: 10, right: 20 })
+          .position({ x: '100%' })
+          .markAnchor({ x: '100%' })
+
+      }
+    }
+    .zIndex(1000)
+    .backgroundColor(Color.White)
+ 
+  }
+}

 import { ContentDetailDTO, InteractDataDTO } from 'wdBean';
 import { ContentDetailDTO, InteractDataDTO } from 'wdBean';
-import { PlayerConstants, WDPlayerController, WDPlayerRenderView } from 'wdPlayer';
+import { WDPlayerController, WDPlayerRenderView } from 'wdPlayer';
 import { ContentDetailRequest } from 'wdDetailPlayApi';
 import { ContentDetailRequest } from 'wdDetailPlayApi';
 import {
 import {
   batchLikeAndCollectParams,
   batchLikeAndCollectParams,
@@ -11,6 +11,7 @@ import { HttpUtils } from 'wdNetwork/Index';
 import { DateTimeUtils } from 'wdKit/Index';
 import { DateTimeUtils } from 'wdKit/Index';
 import { PlayerBottomView } from '../view/PlayerBottomView';
 import { PlayerBottomView } from '../view/PlayerBottomView';
 import { PlayerRightView } from '../view/PlayerRightView';
 import { PlayerRightView } from '../view/PlayerRightView';
+import { CommentComponentPage } from './CommentComponentPage';
 
 
 const TAG = 'DetailPlayShortVideoPage';
 const TAG = 'DetailPlayShortVideoPage';
 
 
@@ -32,6 +33,7 @@ export struct DetailPlayShortVideoPage {
   @Provide followStatus: string = '0' // 关注状态
   @Provide followStatus: string = '0' // 关注状态
   @Provide isOpenDetail: boolean = false // 查看详情按钮点击
   @Provide isOpenDetail: boolean = false // 查看详情按钮点击
   @Provide isDragging: boolean = false // 拖动时间进度条
   @Provide isDragging: boolean = false // 拖动时间进度条
+  @Provide showCommentList: boolean = false
   @Consume @Watch('videoStatusChange') switchVideoStatus: boolean
   @Consume @Watch('videoStatusChange') switchVideoStatus: boolean
   @Consume @Watch('pageShowChange') pageShow: number
   @Consume @Watch('pageShowChange') pageShow: number
   @Consume topSafeHeight: number
   @Consume topSafeHeight: number
@@ -148,6 +150,7 @@ export struct DetailPlayShortVideoPage {
       this.progressVal = Math.floor(position * 100 / duration);
       this.progressVal = Math.floor(position * 100 / duration);
     }
     }
     this.queryNewsInfoOfUser()
     this.queryNewsInfoOfUser()
+
   }
   }
 
 
   async aboutToDisappear(): Promise<void> {
   async aboutToDisappear(): Promise<void> {
@@ -163,10 +166,14 @@ export struct DetailPlayShortVideoPage {
       PlayerBottomView({
       PlayerBottomView({
         playerController: this.playerController
         playerController: this.playerController
       })
       })
+
       PlayerRightView({
       PlayerRightView({
         playerController: this.playerController
         playerController: this.playerController
       })
       })
 
 
+      CommentComponentPage({}).visibility(this.showCommentList ? Visibility.Visible : Visibility.None)
+        .position({ y: '100%' })
+        .markAnchor({ y: '100%' })
     }
     }
     .height('100%')
     .height('100%')
     .width('100%')
     .width('100%')
@@ -192,6 +199,7 @@ export struct DetailPlayShortVideoPage {
 
 
   @Builder
   @Builder
   playerViewBuilder() {
   playerViewBuilder() {
+
     WDPlayerRenderView({
     WDPlayerRenderView({
       playerController: this.playerController,
       playerController: this.playerController,
       onLoad: async () => {
       onLoad: async () => {
@@ -205,10 +213,13 @@ export struct DetailPlayShortVideoPage {
       .padding({
       .padding({
         bottom: this.videoLandScape === 1 ? 115 : 0,
         bottom: this.videoLandScape === 1 ? 115 : 0,
       })
       })
+      .layoutWeight(1)
       .align(this.videoLandScape === 0 ? Alignment.Top : Alignment.Center)
       .align(this.videoLandScape === 0 ? Alignment.Top : Alignment.Center)
       .onClick(() => {
       .onClick(() => {
         console.error('WDPlayerRenderView=== onClick')
         console.error('WDPlayerRenderView=== onClick')
         this.playerController?.switchPlayOrPause();
         this.playerController?.switchPlayOrPause();
       })
       })
+
+
   }
   }
 }
 }

@@ -43,7 +43,7 @@ export struct DetailDialog {
       .height(200)
       .height(200)
 
 
       Row() {
       Row() {
-        Image($r('app.media.ic_close'))
+        Image($r("app.media.ic_close_white"))
           .height(24).margin({ top: 20 }).onClick(() => {
           .height(24).margin({ top: 20 }).onClick(() => {
           this.controller.close()
           this.controller.close()
           if (this.isOpenDetail) {
           if (this.isOpenDetail) {

@@ -13,7 +13,7 @@ import { WindowModel } from 'wdKit/Index';
 @Component
 @Component
 export struct PlayerBottomView {
 export struct PlayerBottomView {
   private playerController?: WDPlayerController;
   private playerController?: WDPlayerController;
-  @Consume bottomSafeHeight: number
+  @State bottomSafeHeight: number = AppStorage.get<number>('bottomSafeHeight') || 0
   @Consume showComment?: boolean
   @Consume showComment?: boolean
   @Consume isOpenDetail?: boolean
   @Consume isOpenDetail?: boolean
   @Consume isDragging?: boolean
   @Consume isDragging?: boolean

@@ -32,6 +32,7 @@ export struct PlayerRightView {
   @Consume isOpenDetail: boolean
   @Consume isOpenDetail: boolean
   @Consume isDragging: boolean
   @Consume isDragging: boolean
   @Consume showComment?: boolean
   @Consume showComment?: boolean
+  @Consume showCommentList: boolean
   @State likesStyle: number = this.contentDetailData.likesStyle // 赞样式 1红心(点赞) 2大拇指(祈福) 3蜡烛(默哀) 4置空
   @State likesStyle: number = this.contentDetailData.likesStyle // 赞样式 1红心(点赞) 2大拇指(祈福) 3蜡烛(默哀) 4置空
 
 
   aboutToAppear() {
   aboutToAppear() {
@@ -343,7 +344,8 @@ export struct PlayerRightView {
     }
     }
     .margin({ bottom: 20 })
     .margin({ bottom: 20 })
     .onClick((event: ClickEvent) => {
     .onClick((event: ClickEvent) => {
-      ToastUtils.showToast('评论为公共方法，待开发', 1000);
+      // ToastUtils.showToast('评论为公共方法，待开发', 1000);
+      this.showCommentList = true
     })
     })
   }
   }
 
 

@@ -9,6 +9,10 @@
       "value": "#00000000"
       "value": "#00000000"
     },
     },
     {
     {
+      "name": "color_222222",
+      "value": "#222222"
+    },
+    {
       "name": "play_track_color",
       "name": "play_track_color",
       "value": "#1AFFFFFF"
       "value": "#1AFFFFFF"
     },
     },
@@ -33,6 +37,18 @@
       "value": "#4DFFFFFF"
       "value": "#4DFFFFFF"
     },
     },
     {
     {
+      "name": "color_666666",
+      "value": "#666666"
+    },
+    {
+      "name": "color_B0B0B0",
+      "value": "#B0B0B0"
+    },
+    {
+      "name": "color_EDEDED",
+      "value": "#EDEDED"
+    },
+    {
       "name": "divider_color",
       "name": "divider_color",
       "value": "#D3D3D3"
       "value": "#D3D3D3"
     },
     },

@@ -5,6 +5,10 @@
       "value": "description"
       "value": "description"
     },
     },
     {
     {
+      "name": "footer_text",
+      "value": "已显示全部内容"
+    },
+    {
       "name": "pull_up_load_text",
       "name": "pull_up_load_text",
       "value": "加载中..."
       "value": "加载中..."
     },
     },

@@ -94,10 +94,9 @@ export struct WDPlayerRenderView {
         .renderFit(RenderFit.RESIZE_COVER)
         .renderFit(RenderFit.RESIZE_COVER)
     }
     }
 
 
-    // .onAreaChange(() => {
-    // this.updateLayout()
-    // })
-
+    .onAreaChange(() => {
+      this.updateLayout()
+    })
     .backgroundColor("#000000")
     .backgroundColor("#000000")
 
 
     // .height('100%')
     // .height('100%')