沉浸式频道（P0）

1、  全屏图标距离左侧间距偏小改为16
2、  关注图标偏大改为24（已经是24了）
3、  间距改为 8（改）
4、  标题字号改为16 行高 22（改）
5、  间距偏大改为 8（改）
6、  间距改为 8（改）
7、  滑块和进度条没有垂直居中（改）
8、  头部缺少背景蒙层（设计图没有）
9、  底部缺少背景蒙层（改）
10、  未选中文字颜色不对（改）
11、  搜索图标颜色不对（改）
12、  进度拖拽颜色不对（改）
13、  全文按钮颜色不对，点击范围太小（改）
14、  评论弹窗推起视频区域缩小动效有问题（设置动画无效，已提issue）
15、  评论弹窗去掉圆角（bindSheet导致）
16、  缺省文案颜色不对改为#999999（改）
17、  数字标签和图标位置关系不对（没明白）

@@ -62,7 +62,6 @@ export struct EmptyComponent {
   @State emptyButton: boolean = false
   @State isBlack: boolean = false // 背景是否为黑色 默认白色
   @State timeNum: number = 10
-
   /**
    * The empty image width percentage setting.
    */
@@ -100,12 +99,10 @@ export struct EmptyComponent {
     }
   }
 
-
   aboutToAppear(): void {
     this.createTimer()
   }
 
-
   aboutToDisappear() {
     this.destroyTimer()
   }
@@ -133,7 +130,7 @@ export struct EmptyComponent {
         .fontWeight(FontWeight.Normal)
         .opacity(this.TEXT_OPACITY)
         .margin({ top: this.EMPTY_TIP_TEXT_MARGIN_TOP })
-        .fontColor('#666666')
+        .fontColor(this.emptyType === WDViewDefaultType.WDViewDefaultType_NoComment1 ? '#999999' : '#666666')
         .onClick((event: ClickEvent) => {
           Logger.info(TAG, `noProgrammeData onClick event?.source: ${event.source}`);
         })
@@ -216,7 +213,7 @@ export struct EmptyComponent {
       contentString = '暂无评论，快来抢沙发'
     } else if (this.emptyType === WDViewDefaultType.WDViewDefaultType_NoContent2) {
       contentString = '内容找不到了'
-    } else if (this.emptyType === WDViewDefaultType.WDViewDefaultType_NoUserHomepage){
+    } else if (this.emptyType === WDViewDefaultType.WDViewDefaultType_NoUserHomepage) {
       contentString = '暂时无法查看该创作者主页'
     }
 
@@ -253,9 +250,9 @@ export struct EmptyComponent {
     } else if (this.emptyType === WDViewDefaultType.WDViewDefaultType_NoContent1 ||
       this.emptyType === WDViewDefaultType.WDViewDefaultType_NoFollow) {
       imageString = $r('app.media.icon_no_appointmentMade1')
-    }else if (this.emptyType === WDViewDefaultType.WDViewDefaultType_NoUserHomepage){
+    } else if (this.emptyType === WDViewDefaultType.WDViewDefaultType_NoUserHomepage) {
       imageString = $r('app.media.icon_no_master1')
-    }else if(this.emptyType === WDViewDefaultType.WDViewDefaultType_NoContent2){
+    } else if (this.emptyType === WDViewDefaultType.WDViewDefaultType_NoContent2) {
       imageString = $r('app.media.icon_no_content1')
     }
     return imageString

@@ -27,6 +27,11 @@ export struct PlayerBottomView {
     .alignItems(HorizontalAlign.Start)
     .position({ x: 0, y: '100%' })
     .markAnchor({ y: '100%' })
+    .linearGradient({
+      colors: [
+        ['rgba(0, 0, 0, 0.0)', 0.0], ['rgba(0, 0, 0, 0.4)', 1.0]
+      ]
+    })
     .visibility(this.displayDirection === DisplayDirection.VERTICAL ?
     Visibility.Visible : Visibility.None)
   }

@@ -134,7 +134,7 @@ export struct PlayerFullScreenView {
         Span(' / ')
           .fontColor(Color.White)
         Span(this.duration)
-          .fontColor('#888888')
+          .fontColor('#99FFFFFF')
 
       }
       .fontSize(24)

@@ -87,7 +87,7 @@ export struct PlayerProgressView {
             Span(' / ')
               .fontColor(Color.White)
             Span(DateTimeUtils.secondToTime(this.videoDuration))
-              .fontColor('#888888')
+              .fontColor('#99FFFFFF')
           }
           .fontSize(24)
 

@@ -88,11 +88,12 @@ export struct VideoChannelPage {
    * @returns
    */
   tabSelectedColor(selected: boolean): string {
+    console.info(`cj2024 selected this.navItem.channelChooseColor=${this.navItem.channelChooseColor}`)
     if (selected) {
       return this.navItem.channelChooseColor ? this.navItem.channelChooseColor : '#222222'
     } else {
       let ccolor = this.navItem.channelChooseCColor.replace('#', '#B3')
-      return this.navItem.channelChooseCColor ? ccolor : '#B3999999'
+      return this.navItem.channelChooseCColor ? ccolor : '#B3FFFFFF'
     }
 
   }
@@ -171,12 +172,13 @@ export struct VideoChannelPage {
 
       // 搜索按钮
       Row() {
-        Image($r(this.isImmerseChannel() ? 'app.media.icon_search_gray_svg' :
+        Image($r(this.isImmerseChannel() ? 'app.media.icon_search' :
           'app.media.icon_search'))
           .colorFilter(this.isImmerseChannel() ? undefined :
           ColorUtils.getDrawingColorFilter(this.getBothColor("")))
           .width('24vp')
           .height('24vp')
+          .opacity(this.isImmerseChannel() ? 0.8 : 1.0)
       }
       .width('40vp')
       .margin({
@@ -193,6 +195,12 @@ export struct VideoChannelPage {
       .backgroundColor(Color.Transparent)
 
     }
+    //顶部渐变遮罩
+    // .linearGradient({
+    //   colors: [
+    //     ['rgba(0, 0, 0, 0.0)', 0.0], ['rgba(0, 0, 0, 0.3)', 1.0]
+    //   ]
+    // })
     .zIndex(20)
     .height($r('app.float.top_tab_bar_height_common'))
     .margin({