Merge remote-tracking branch 'origin/main'

@@ -11,6 +11,7 @@ export struct CustomToast {
   fontSizeValue :number | string | Resource = "27lpx"
   fontSizeValue :number | string | Resource = "27lpx"
   lineHeightValue :number | string | Resource = "38lpx"
   lineHeightValue :number | string | Resource = "38lpx"
   controller: CustomDialogController
   controller: CustomDialogController
+  marginTop :number | string | Resource = 0
 
 
   dismiss: () => void = () => {
   dismiss: () => void = () => {
   }
   }
@@ -38,5 +39,6 @@ export struct CustomToast {
     .padding({top:"23lpx",bottom:'23lpx',left:"35lpx",right:"35lpx"})
     .padding({top:"23lpx",bottom:'23lpx',left:"35lpx",right:"35lpx"})
     .backgroundColor(this.bgColor)
     .backgroundColor(this.bgColor)
     .opacity(this.opacityValue)
     .opacity(this.opacityValue)
+    .margin({top:this.marginTop})
   }
   }
 }
 }

@@ -44,7 +44,7 @@ export struct CarderInteraction {
 
 
   build() {
   build() {
     Row() {
     Row() {
-      if(this.contentDTO.shareFlag === '1'){
+      if(this.contentDetailData?.shareInfo?.shareOpen === 1){
         Row() {
         Row() {
           Image($r('app.media.CarderInteraction_share'))
           Image($r('app.media.CarderInteraction_share'))
             .width(18)
             .width(18)
@@ -60,14 +60,9 @@ export struct CarderInteraction {
         })
         })
       }
       }
 
 
-      if(this.contentDTO.rmhInfo != null){
-        if(this.contentDTO.shareInfo != null && 1 == this.contentDTO.shareInfo.shareOpen && 1 == this.contentDTO.rmhInfo.cnShareControl){
-          this.commentLayout()
-        }
-      }else{
+      if(this.contentDetailData?.openComment == 1){
         this.commentLayout()
         this.commentLayout()
       }
       }
-
       this.builderLike()
       this.builderLike()
     }
     }
     .width('100%')
     .width('100%')

@@ -12,7 +12,8 @@ import { SearchShowRed, titleInitRes, textItem } from '../../utils/searchShowRed
 const TAG = 'Card16Component';
 const TAG = 'Card16Component';
 
 
 interface fullColumnImgUrlItem {
 interface fullColumnImgUrlItem {
-  url: string
+  url: string,
+  fullUrl: string
 }
 }
 
 
 
 
@@ -81,15 +82,45 @@ export struct Card16Component {
           .lineHeight(25)
           .lineHeight(25)
       }
       }
       if (this.contentDTO.fullColumnImgUrls?.length > 0) {
       if (this.contentDTO.fullColumnImgUrls?.length > 0) {
-        Flex() {
-          ForEach(this.contentDTO.fullColumnImgUrls.slice(0, 3), (item: fullColumnImgUrlItem, index: number) => {
-            Image(this.loadImg ? item.url : '')
-              .backgroundColor(0xf5f5f5)
-              .flexBasis(113)
-              .height(75)
-              .margin({ right: index > 1 ? 0 : 2 })
+        //三图
+        Stack(){
+          Row() {
+            GridRow({ gutter: 2 }) {
+              ForEach(this.contentDTO.fullColumnImgUrls.slice(0, 3), (item: fullColumnImgUrlItem, index: number) => {
+                if (index < 3) {
+                  GridCol({ span: { xs: 4 } }) {
+                    Image(this.loadImg ? item.url || item.fullUrl : '')
+                      .backgroundColor(0xf5f5f5)
+                      .width('100%')
+                      .aspectRatio(113 / 75)
+                      .borderRadius({
+                        topLeft: index === 0 ? $r('app.float.image_border_radius') : 0,
+                        topRight: index === 2 ? $r('app.float.image_border_radius') : 0,
+                        bottomLeft: index === 0 ? $r('app.float.image_border_radius') : 0,
+                        bottomRight: index === 2 ? $r('app.float.image_border_radius') : 0,
+                      })
+                  }
+                }
+              })
+            }
+          }
+          .width(CommonConstants.FULL_PARENT)
+          .margin({ top: 8 })
+          CardMediaInfo({
+            contentDTO: this.contentDTO
           })
           })
         }
         }
+        .width(CommonConstants.FULL_PARENT)
+        .alignContent(Alignment.BottomEnd)
+        // Flex() {
+        //   ForEach(this.contentDTO.fullColumnImgUrls.slice(0, 3), (item: fullColumnImgUrlItem, index: number) => {
+        //     Image(this.loadImg ? item.url : '')
+        //       .backgroundColor(0xf5f5f5)
+        //       .flexBasis(113)
+        //       .height(75)
+        //       .margin({ right: index > 1 ? 0 : 2 })
+        //   })
+        // }
       }
       }
       CarderInteraction({contentDTO: this.contentDTO})
       CarderInteraction({contentDTO: this.contentDTO})
       //TODO  底部的：分享、评论、点赞 功能；需要引用一个公共组件
       //TODO  底部的：分享、评论、点赞 功能；需要引用一个公共组件

@@ -2,6 +2,7 @@ import { CommonConstants } from 'wdConstant'
 import { ContentDTO, CompDTO, Action, Params } from 'wdBean'
 import { ContentDTO, CompDTO, Action, Params } from 'wdBean'
 import { ProcessUtils, WDRouterRule, WDRouterPage } from 'wdRouter';
 import { ProcessUtils, WDRouterRule, WDRouterPage } from 'wdRouter';
 import { InfomationCardClick } from '../../utils/infomationCardClick';
 import { InfomationCardClick } from '../../utils/infomationCardClick';
+import { CardMediaInfo } from '../cardCommon/CardMediaInfo'
 
 
 @Component
 @Component
 export struct HorizontalStrokeCardThreeTwoRadioForMoreComponent {
 export struct HorizontalStrokeCardThreeTwoRadioForMoreComponent {
@@ -128,11 +129,18 @@ export struct HorizontalStrokeCardThreeTwoRadioForMoreComponent {
           Row() {
           Row() {
             ForEach(this.compDTO.operDataList, (item: ContentDTO, index: number) => {
             ForEach(this.compDTO.operDataList, (item: ContentDTO, index: number) => {
               Column() {
               Column() {
-                Image(item.coverUrl)
-                  .aspectRatio(1.5)
-                  .width(this.compDTO.operDataList.length == 2 ? 210 : 150)
-                  .borderRadius(4)
-                  .objectFit(ImageFit.Cover)
+                Stack() {
+                  Image(item.coverUrl)
+                    .aspectRatio(1.5)
+                    .width(this.compDTO.operDataList.length == 2 ? 210 : 150)
+                    .borderRadius(4)
+                    .objectFit(ImageFit.Cover)
+                  CardMediaInfo({
+                    livePeopleNum:false,
+                    contentDTO: item
+                  })
+                }
+                .align(Alignment.BottomEnd)
 
 
                 Text(item.newsTitle)
                 Text(item.newsTitle)
                   .fontSize($r("app.float.font_size_14"))
                   .fontSize($r("app.float.font_size_14"))
@@ -143,10 +151,9 @@ export struct HorizontalStrokeCardThreeTwoRadioForMoreComponent {
                   .textAlign(TextAlign.Start)
                   .textAlign(TextAlign.Start)
                   .margin({ top: 8 })
                   .margin({ top: 8 })
                   .width(this.compDTO.operDataList.length == 2 ? 210 : 150)
                   .width(this.compDTO.operDataList.length == 2 ? 210 : 150)
-                  .lineHeight(19)
                   .lineHeight(21)
                   .lineHeight(21)
               }
               }
-              .height(134)
+              .height(this.compDTO.operDataList.length == 2 ? 190 : 150)
               .padding({ right: 16 })
               .padding({ right: 16 })
               // .offset({x:16})
               // .offset({x:16})
               .onClick(() => {
               .onClick(() => {
@@ -218,7 +225,7 @@ export struct HorizontalStrokeCardThreeTwoRadioForMoreComponent {
       left: $r('app.float.card_comp_pagePadding_lf'),
       left: $r('app.float.card_comp_pagePadding_lf'),
       right: $r('app.float.card_comp_pagePadding_lf'),
       right: $r('app.float.card_comp_pagePadding_lf'),
       top: $r('app.float.card_comp_pagePadding_tb'),
       top: $r('app.float.card_comp_pagePadding_tb'),
-      bottom: $r('app.float.card_comp_pagePadding_tb')
+      bottom: 6
     })
     })
     .backgroundColor($r("app.color.white"))
     .backgroundColor($r("app.color.white"))
     // .backgroundColor($r("app.color.color_FE4B05"))
     // .backgroundColor($r("app.color.color_FE4B05"))

@@ -170,7 +170,7 @@ export struct LiveHorizontalCardComponent {
                     .width(this.compDTO.operDataList.length == 2 ? 210 : 150)
                     .width(this.compDTO.operDataList.length == 2 ? 210 : 150)
                     .lineHeight(21)
                     .lineHeight(21)
                 }
                 }
-                .height(134)
+                .height(this.compDTO.operDataList.length == 2 ? 190 : 150)
                 .padding({ right: 16 })
                 .padding({ right: 16 })
                 .onClick(() => {
                 .onClick(() => {
                   InfomationCardClick.track(this.compDTO, item, this.pageId, this.pageName)
                   InfomationCardClick.track(this.compDTO, item, this.pageId, this.pageName)
@@ -243,7 +243,7 @@ export struct LiveHorizontalCardComponent {
       left: $r('app.float.card_comp_pagePadding_lf'),
       left: $r('app.float.card_comp_pagePadding_lf'),
       right: $r('app.float.card_comp_pagePadding_lf'),
       right: $r('app.float.card_comp_pagePadding_lf'),
       top: $r('app.float.card_comp_pagePadding_tb'),
       top: $r('app.float.card_comp_pagePadding_tb'),
-      bottom: $r('app.float.card_comp_pagePadding_tb')
+      bottom: 6
     })
     })
     .backgroundColor($r("app.color.white"))
     .backgroundColor($r("app.color.white"))
   }
   }

@@ -156,6 +156,7 @@ export struct OperRowListView {
       this.likeBean['contentRelId'] = this.contentDetailData?.reLInfo?.relId   + ''
       this.likeBean['contentRelId'] = this.contentDetailData?.reLInfo?.relId   + ''
     }
     }
     console.info(TAG, 'contentDetailData----', JSON.stringify(this.contentDetailData))
     console.info(TAG, 'contentDetailData----', JSON.stringify(this.contentDetailData))
+    console.info(TAG, 'this.contentDetailData.shareInfo.shareOpen', JSON.stringify(this.contentDetailData.shareInfo.shareOpen))
     console.info(TAG, 'likeBean----', JSON.stringify(this.likeBean))
     console.info(TAG, 'likeBean----', JSON.stringify(this.likeBean))
     console.info(TAG, 'this.operationButtonList', JSON.stringify(this.operationButtonList))
     console.info(TAG, 'this.operationButtonList', JSON.stringify(this.operationButtonList))
 
 
@@ -384,22 +385,24 @@ export struct OperRowListView {
    */
    */
   @Builder
   @Builder
   builderShare() {
   builderShare() {
-    Column() {
-      Image(this.styleType == 1 ? $r('app.media.iv_live_comment_share') :
-      $r('app.media.iv_live_comment_share_white'))
-        .width(24)
-        .height(24)
-        .aspectRatio(1)
-        .interpolation(ImageInterpolation.High)
-        .onClick((event: ClickEvent) => {
-          this.share()
-        })
+    if(this.contentDetailData?.shareInfo?.shareOpen == 1) {
+      Column() {
+        Image(this.styleType == 1 ? $r('app.media.iv_live_comment_share') :
+        $r('app.media.iv_live_comment_share_white'))
+          .width(24)
+          .height(24)
+          .aspectRatio(1)
+          .interpolation(ImageInterpolation.High)
+          .onClick((event: ClickEvent) => {
+            this.share()
+          })
+      }
+      .justifyContent(FlexAlign.Center)
+      .height(36)
+      .width(48)
+      .borderRadius(18)
+      .backgroundColor(this.pageComponentType === 2 ? '#4D000000' : Color.Transparent)
     }
     }
-    .justifyContent(FlexAlign.Center)
-    .height(36)
-    .width(48)
-    .borderRadius(18)
-    .backgroundColor(this.pageComponentType === 2 ? '#4D000000' : Color.Transparent)
   }
   }
 
 
   handleStyle() {
   handleStyle() {

@@ -15,4 +15,18 @@ async function onlyWifiLoadImg(): Promise<boolean> {
   return false
   return false
 }
 }
 
 
-export { onlyWifiLoadImg }
+async function onlyWifiLoadVideo(): Promise<boolean> {
+  let loadImageOnlyWifiSwitch = await SPHelper.default.get(SpConstants.SETTING_WIFI_VIDEO_SWITCH, '') || false;
+  if (!loadImageOnlyWifiSwitch) {
+    // 开关没开，直接让加载视频
+    return true
+  }
+  let netWorkStatus = NetworkUtil.getNetworkType();
+  // 开关打开，wifi下才加载视频
+  if (netWorkStatus === NetworkUtil.TYPE_WIFI) {
+    return true
+  }
+  return false
+}
+
+export { onlyWifiLoadImg,onlyWifiLoadVideo }

@@ -4,12 +4,13 @@ import { TabComponent } from '../widgets/details/TabComponent';
 import { TopPlayComponent } from '../widgets/details/video/TopPlayComponet';
 import { TopPlayComponent } from '../widgets/details/video/TopPlayComponet';
 import { DisplayDirection } from 'wdConstant/Index';
 import { DisplayDirection } from 'wdConstant/Index';
 import mediaquery from '@ohos.mediaquery';
 import mediaquery from '@ohos.mediaquery';
-import { Logger, WindowModel } from 'wdKit/Index';
+import { CustomToast, Logger, WindowModel } from 'wdKit/Index';
 import { router, window } from '@kit.ArkUI';
 import { router, window } from '@kit.ArkUI';
 import { WDAliPlayerController } from 'wdPlayer/Index';
 import { WDAliPlayerController } from 'wdPlayer/Index';
 import { LiveOperRowListView } from 'wdComponent';
 import { LiveOperRowListView } from 'wdComponent';
 import { publishCommentModel } from 'wdComponent/src/main/ets/components/comment/model/PublishCommentModel';
 import { publishCommentModel } from 'wdComponent/src/main/ets/components/comment/model/PublishCommentModel';
 import { TrackConstants, TrackingContent, TrackParamConvert } from 'wdTracking/Index';
 import { TrackConstants, TrackingContent, TrackParamConvert } from 'wdTracking/Index';
+import { onlyWifiLoadVideo } from 'wdComponent/src/main/ets/utils/lazyloadImg';
 
 
 let TAG: string = 'DetailPlayLivePage';
 let TAG: string = 'DetailPlayLivePage';
 
 
@@ -41,7 +42,28 @@ export struct DetailPlayLivePage {
   // 顶部状态栏高度
   // 顶部状态栏高度
   @Consume topSafeHeight: number
   @Consume topSafeHeight: number
 
 
-  aboutToAppear(): void {
+  @State toastText: ResourceStr = "这是一个非Wi-Fi环境。请注意流量消耗"
+  dialogToast: CustomDialogController = new CustomDialogController({
+    builder: CustomToast({
+      bgColor: 0xB3000000,
+      opacityValue: 1,
+      fontSizeValue: "25lpx",
+      lineHeightValue: "36lpx",
+      msg: this.toastText,
+      marginTop:211/2+px2vp(this.topSafeHeight)-px2vp(84/2)
+    }),
+    autoCancel: false,
+    alignment: DialogAlignment.Top,
+    customStyle: true,
+    maskColor: "#00000000"
+  })
+
+  showToastTip(msg: ResourceStr) {
+    this.toastText = msg
+    this.dialogToast.open()
+  }
+
+  async aboutToAppear(): Promise<void> {
     Logger.info(TAG, `wyj-aboutToAppear`)
     Logger.info(TAG, `wyj-aboutToAppear`)
 
 
     this.listener?.on("change", (mediaQueryResult) => {
     this.listener?.on("change", (mediaQueryResult) => {
@@ -56,6 +78,9 @@ export struct DetailPlayLivePage {
     this.getLiveDetails()
     this.getLiveDetails()
     this.getLiveRoomData()
     this.getLiveRoomData()
 
 
+    if(!await onlyWifiLoadVideo()){
+      this.showToastTip(this.toastText)
+    }
   }
   }
 
 
   async aboutToDisappear() {
   async aboutToDisappear() {
@@ -115,7 +140,6 @@ export struct DetailPlayLivePage {
     }
     }
     .height('100%')
     .height('100%')
     .width('100%')
     .width('100%')
-
   }
   }
 
 
   onPageShowCus(): void {
   onPageShowCus(): void {

 import { ContentDetailDTO, LiveRoomDataBean } from 'wdBean/Index';
 import { ContentDetailDTO, LiveRoomDataBean } from 'wdBean/Index';
 import { LiveViewModel } from '../viewModel/LiveViewModel';
 import { LiveViewModel } from '../viewModel/LiveViewModel';
-import { WindowModel } from 'wdKit/Index';
+import { CustomToast, 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';
@@ -9,6 +9,7 @@ import { LiveEmptyComponent, WDLiveViewDefaultType } from 'wdComponent/Index';
 import { PlayerEndView } from '../widgets/vertical/PlayerEndView';
 import { PlayerEndView } from '../widgets/vertical/PlayerEndView';
 import { TrackConstants, TrackingButton } from 'wdTracking/Index';
 import { TrackConstants, TrackingButton } from 'wdTracking/Index';
 import { LiveDetailPageLogic } from '../viewModel/LiveDetailPageLogic';
 import { LiveDetailPageLogic } from '../viewModel/LiveDetailPageLogic';
+import { onlyWifiLoadVideo } from 'wdComponent/src/main/ets/utils/lazyloadImg';
 
 
 const storage = LocalStorage.getShared();
 const storage = LocalStorage.getShared();
 const TAG = 'DetailPlayVLivePage'
 const TAG = 'DetailPlayVLivePage'
@@ -40,11 +41,32 @@ export struct DetailPlayVLivePage {
   //播放错误
   //播放错误
   @State isPlayerError: boolean = false
   @State isPlayerError: boolean = false
   @State isCanplay: boolean = false
   @State isCanplay: boolean = false
+  @State toastText: ResourceStr = "这是一个非Wi-Fi环境。请注意流量消耗"
+  dialogToast: CustomDialogController = new CustomDialogController({
+    builder: CustomToast({
+      bgColor: 0xB3000000,
+      opacityValue: 1,
+      fontSizeValue: "25lpx",
+      lineHeightValue: "36lpx",
+      msg: this.toastText,
+    }),
+    autoCancel: false,
+    alignment: DialogAlignment.Center,
+    customStyle: true,
+    maskColor: "#00000000"
+  })
+
+  showToastTip(msg: ResourceStr) {
+    this.toastText = msg
+    this.dialogToast.open()
+  }
 
 
-  aboutToAppear(): void {
+  async aboutToAppear(): Promise<void> {
     this.openFullScreen()
     this.openFullScreen()
     this.getLiveRoomData()
     this.getLiveRoomData()
-
+    if(!await onlyWifiLoadVideo()){
+      this.showToastTip(this.toastText)
+    }
   }
   }
 
 
   aboutToDisappear(): void {
   aboutToDisappear(): void {

@@ -208,12 +208,16 @@ export struct PlayerRightView {
   build() {
   build() {
     Column() {
     Column() {
       this.userBuilderView()
       this.userBuilderView()
-      this.likeBuilderView()
+      if (this.contentDetailData?.openLikes == 1) {
+        this.likeBuilderView()
+      }
       this.collectBuilderView()
       this.collectBuilderView()
-      if (this.contentDetailData.openComment == 1) {
+      if (this.contentDetailData?.openComment == 1) {
         this.commentBuilderView()
         this.commentBuilderView()
       }
       }
-      this.shareBuilderView()
+      if(this.contentDetailData?.shareInfo?.shareOpen == 1) {
+        this.shareBuilderView()
+      }
     }
     }
     // .backgroundColor(Color.Blue)
     // .backgroundColor(Color.Blue)
     // .height('100%')
     // .height('100%')

@@ -17,7 +17,7 @@ export struct ColumnPage {
   pageId: string = "";
   pageId: string = "";
   channelId: string = "";
   channelId: string = "";
   pageName: string = ''
   pageName: string = ''
-
+  @Provide topSafeHeight: number = AppStorage.get<number>('topSafeHeight') || 0
   aboutToAppear() {
   aboutToAppear() {
     this.pageId = this.param.pageId
     this.pageId = this.param.pageId
     this.channelId = this.param.channelId
     this.channelId = this.param.channelId
@@ -26,6 +26,7 @@ export struct ColumnPage {
 
 
   build() {
   build() {
     Column() {
     Column() {
+      Blank().height(`${this.topSafeHeight}px`)
       CustomTitleUI({ titleName: this.pageName })
       CustomTitleUI({ titleName: this.pageName })
       PageComponent({
       PageComponent({
         currentTopNavSelectedIndex: $currentTopNavSelectedIndex,
         currentTopNavSelectedIndex: $currentTopNavSelectedIndex,