feat:优化早晚报展示

@@ -67,6 +67,7 @@ export struct MorningEveningPaperComponent {
   // 顶部安全高度赋值
   @State topSafeHeight: number = 0;
   @State bottomSafeHeight: number = 0;
+  @State isHasTopView: boolean = false;
 
   private audioDataList: AudioDataList[] = []
   private playerController: WDPlayerController = new WDPlayerController();
@@ -145,7 +146,9 @@ export struct MorningEveningPaperComponent {
       Logger.info(TAG, "pageInfoBean dateTime = " + dateTime)
       Logger.info(TAG, "pageInfoBean subTitle = " + this.subTitle)
 
-      this.setComponentBgColor(this.pageInfoBean?.topicInfo?.frontLinkObject?.coverUrl as string)
+      this.isHasTopView = this.pageInfoBean?.topicInfo?.frontLinkObject?true:false
+      let coverUrl = this.isHasTopView?this.pageInfoBean?.topicInfo?.frontLinkObject?.coverUrl as string :''
+      this.setComponentBgColor(coverUrl)
 
       let compInfoBean = await MorningEveningViewModel.getMorningEveningCompInfo(pageInfoBean?.id, pageInfoBean?.groups[0]?.id, currentTime + "", pageInfoBean?.topicInfo?.topicId)
       // this.compInfoBean = compInfoBean
@@ -202,11 +205,9 @@ export struct MorningEveningPaperComponent {
     // const pixelMap: image.PixelMap = await image2PixelMap(item.icon);
     Logger.debug(TAG, "compInfoBean compStyle = " + imageUrl)
 
+    if (imageUrl.length > 0 && this.pageInfoBean.topicInfo.frontFlag === 1) {
       const imageSource: image.ImageSource | undefined = await getPicture(imageUrl)
-
-    if (imageSource && this.pageInfoBean.topicInfo.frontFlag === 1) {
       this.pickColor(imageSource)
-
     } else {
       if (this.pageInfoBean.topicInfo.topicPattern === 1) {
         this.mixedBgColor = '#66BDBD'
@@ -271,15 +272,21 @@ export struct MorningEveningPaperComponent {
         }
       }
       .height(`calc(100% - ${this.bottomSafeHeight + this.topSafeHeight + 'vp'})`).scrollBar(BarState.Off)
+      .onAreaChange((oldValue: Area, newValue: Area) => {
+        let persent = Math.abs(Number(newValue.globalPosition.y)) / 150
+        if (persent > 1) {
+          persent = 1
+        }
+      })
 
-      PaperTitleComponent().margin({top:this.topSafeHeight})
+      PaperTitleComponent().margin({top:this.isHasTopView?this.topSafeHeight:0}).backgroundColor(this.mixedBgColor).opacity(this.isHasTopView?0:1)
     }
     .width('100%')
     .height('100%')
-    // .padding({
-    //   top: this.topSafeHeight,
+    .padding({
+      top: this.isHasTopView?0:this.topSafeHeight,
       // bottom: this.bottomSafeHeight
-    // })
+    })
     // .backgroundColor(Color.Black)
     // .backgroundColor(this.pageInfoBean?.backgroundColor ?? Color.Black)
     .backgroundColor(this.mixedBgColor ?? Color.Black)