视频缺省图

-import {
-  NetworkUtil,
-  Logger,
-  NetworkType,
-  SPHelper,
-} from 'wdKit';
+import { NetworkUtil, Logger, NetworkType, SPHelper, } from 'wdKit';
 import { ResponseDTO } from 'wdNetwork';
 import { ResponseDTO } from 'wdNetwork';
 import {
 import {
   ContentDetailDTO,
   ContentDetailDTO,
@@ -68,7 +63,7 @@ export struct MultiPictureDetailPageComponent {
     })
     })
     // 注册监听网络连接
     // 注册监听网络连接
     let netStatus = NetworkUtil.isNetConnected()
     let netStatus = NetworkUtil.isNetConnected()
-    if(netStatus) {
+    if (netStatus) {
       // 有网络
       // 有网络
       this.getContentDetailData()
       this.getContentDetailData()
     } else {
     } else {
@@ -270,8 +265,12 @@ export struct MultiPictureDetailPageComponent {
         .height(px2vp(this.titleHeight) + 64)
         .height(px2vp(this.titleHeight) + 64)
 
 
       }
       }
-      if(this.netStatus !== undefined) {
-        EmptyComponent({ emptyType: $netStatus, emptyButton:true, retry: () => {this.getContentDetailData()}})
+      if (this.netStatus !== undefined) {
+        EmptyComponent({
+          emptyType: this.netStatus, emptyButton: true, retry: () => {
+            this.getContentDetailData()
+          }
+        })
           .id('e_empty_content')
           .id('e_empty_content')
           .alignRules({
           .alignRules({
             center: { anchor: "__container__", align: VerticalAlign.Center },
             center: { anchor: "__container__", align: VerticalAlign.Center },
@@ -307,7 +306,8 @@ export struct MultiPictureDetailPageComponent {
 
 
   getContentDetailData() {
   getContentDetailData() {
     try {
     try {
-      PageRepository.fetchDetailData(this.relId, this.contentId, this.relType).then(async (resDTO: ResponseDTO<ContentDetailDTO[]>) => {
+      PageRepository.fetchDetailData(this.relId, this.contentId, this.relType)
+        .then(async (resDTO: ResponseDTO<ContentDetailDTO[]>) => {
           if (!resDTO || !resDTO.data) {
           if (!resDTO || !resDTO.data) {
             Logger.error(TAG, 'fetchDetailData is empty');
             Logger.error(TAG, 'fetchDetailData is empty');
             return
             return
@@ -319,7 +319,7 @@ export struct MultiPictureDetailPageComponent {
           this.netStatus = undefined
           this.netStatus = undefined
           this.contentDetailData = resDTO.data?.[0];
           this.contentDetailData = resDTO.data?.[0];
           // this.contentDetailData.photoList = []
           // this.contentDetailData.photoList = []
-        if(this.contentDetailData?.photoList && this.contentDetailData?.photoList?.length === 0) {
+          if (this.contentDetailData?.photoList && this.contentDetailData?.photoList?.length === 0) {
             // 暂无内容
             // 暂无内容
             this.netStatus = 0
             this.netStatus = 0
             Logger.info(TAG, `this.netStatus：${JSON.stringify(this.netStatus)}`)
             Logger.info(TAG, `this.netStatus：${JSON.stringify(this.netStatus)}`)
@@ -331,7 +331,8 @@ export struct MultiPictureDetailPageComponent {
             this.getInteractBrowsOperate()
             this.getInteractBrowsOperate()
             this.getBatchAttentionStatus()
             this.getBatchAttentionStatus()
           }
           }
-      }).catch((err: Error) => {
+        })
+        .catch((err: Error) => {
           Logger.info(TAG, `fetchDetailData then,err: ${JSON.stringify(err)}`);
           Logger.info(TAG, `fetchDetailData then,err: ${JSON.stringify(err)}`);
           // 内容获取失败
           // 内容获取失败
           this.netStatus = 9
           this.netStatus = 9

@@ -46,13 +46,13 @@ export const enum WDViewDefaultType {
 /**
 /**
  * 空数据/无数据
  * 空数据/无数据
  */
  */
-@Preview
+// @Preview
 @Component
 @Component
 export struct EmptyComponent {
 export struct EmptyComponent {
   // private emptySize: SizeOptions = {};
   // private emptySize: SizeOptions = {};
   @State emptyWidth: string | number = CommonConstants.FULL_PARENT;
   @State emptyWidth: string | number = CommonConstants.FULL_PARENT;
   @State emptyHeight: string | number = CommonConstants.FULL_PARENT;
   @State emptyHeight: string | number = CommonConstants.FULL_PARENT;
-  @Link emptyType: number
+  @State emptyType: number = WDViewDefaultType.WDViewDefaultType_Default
   @State emptyButton: boolean = false
   @State emptyButton: boolean = false
   @State timeNum: number = 10
   @State timeNum: number = 10
   /**
   /**

 import { LiveDetailsBean } from 'wdBean/Index';
 import { LiveDetailsBean } from 'wdBean/Index';
 import { WDPlayerController, WDPlayerRenderVLiveView, WDPlayerRenderView } from 'wdPlayer/Index';
 import { WDPlayerController, WDPlayerRenderVLiveView, WDPlayerRenderView } from 'wdPlayer/Index';
-import componentUtils from '@ohos.arkui.componentUtils';
  
  
 const TAG = 'PlayerComponent'
 const TAG = 'PlayerComponent'
 
 
 @Component
 @Component
 export struct PlayerComponent {
 export struct PlayerComponent {
   private playerController?: WDPlayerController;
   private playerController?: WDPlayerController;
-  // playerController: WDPlayerController = new WDPlayerController();
   @Consume @Watch('updateData') liveDetailsBean: LiveDetailsBean
   @Consume @Watch('updateData') liveDetailsBean: LiveDetailsBean
+  @Consume @Watch('pageShowChange') pageShow: number
+  @Consume @Watch('pageHideChange') pageHide: number
   @State bottomSafeHeight: number = AppStorage.get<number>('bottomSafeHeight') || 0
   @State bottomSafeHeight: number = AppStorage.get<number>('bottomSafeHeight') || 0
   @State topSafeHeight: number = AppStorage.get<number>('topSafeHeight') || 0
   @State topSafeHeight: number = AppStorage.get<number>('topSafeHeight') || 0
   @State imgUrl: string = ''
   @State imgUrl: string = ''
@@ -16,6 +16,14 @@ export struct PlayerComponent {
   @State liveStreamType: number | null = -1
   @State liveStreamType: number | null = -1
   @State playUrl: string = ''
   @State playUrl: string = ''
 
 
+  pageShowChange() {
+    this.playerController?.play()
+  }
+
+  pageHideChange() {
+    this.playerController?.pause()
+  }
+
   aboutToAppear(): void {
   aboutToAppear(): void {
     console.log(TAG, 'aboutToAppear')
     console.log(TAG, 'aboutToAppear')
     if (this.playerController) {
     if (this.playerController) {

-import { Action, ContentDetailDTO, InteractDataDTO } from 'wdBean/Index';
+import { ContentDetailDTO, InteractDataDTO } from 'wdBean/Index';
 import { ContentDetailRequest } from 'wdDetailPlayApi/Index'
 import { ContentDetailRequest } from 'wdDetailPlayApi/Index'
-import { ResponseDTO } from 'wdNetwork/Index';
 import { DetailPlayShortVideoPage } from './DetailPlayShortVideoPage'
 import { DetailPlayShortVideoPage } from './DetailPlayShortVideoPage'
-// import { Test } from './Test'
-import router from '@ohos.router';
-import window from '@ohos.window';
+import {
+  WDViewDefaultType,
+  EmptyComponent
+} from '../../../../../wdComponent/src/main/ets/components/view/EmptyComponent'
 import {
 import {
   batchContentDetailParams,
   batchContentDetailParams,
   compListItem,
   compListItem,
   contentListParams,
   contentListParams,
-  contentsItem,
   getRecCompInfoParams
   getRecCompInfoParams
 } from 'wdDetailPlayApi/src/main/ets/request/ContentDetailRequest';
 } from 'wdDetailPlayApi/src/main/ets/request/ContentDetailRequest';
 import { Logger, WindowModel } from 'wdKit/Index';
 import { Logger, WindowModel } from 'wdKit/Index';
-import { BusinessError } from '@kit.BasicServicesKit';
 import { PictureLoading } from './PictureLoading';
 import { PictureLoading } from './PictureLoading';
 
 
 interface loadMoreData {
 interface loadMoreData {
@@ -23,8 +21,6 @@ interface loadMoreData {
 }
 }
 
 
 const TAG = 'VideoChannelDetail'
 const TAG = 'VideoChannelDetail'
-let timer: number = -1
-
 const storage = LocalStorage.getShared();
 const storage = LocalStorage.getShared();
 
 
 @Entry(storage)
 @Entry(storage)
@@ -54,6 +50,7 @@ export struct VideoChannelDetail {
   @State interactDataList: InteractDataDTO[] = []
   @State interactDataList: InteractDataDTO[] = []
   @State totalCount: number = 0
   @State totalCount: number = 0
   @State isMouted: boolean = false
   @State isMouted: boolean = false
+  @State isRequestError: boolean = false
 
 
   pageShowChange() {
   pageShowChange() {
     if (this.bottomNavIndex === 2 && this.topNavIndex === 0) {
     if (this.bottomNavIndex === 2 && this.topNavIndex === 0) {
@@ -149,6 +146,7 @@ export struct VideoChannelDetail {
     }
     }
 
 
     await ContentDetailRequest.getRecCompInfo(params).then(res => {
     await ContentDetailRequest.getRecCompInfo(params).then(res => {
+      this.isRequestError = false
       console.log('根据视频频道传参查询视频楼层信息totalCount', res.data?.totalCount + '')
       console.log('根据视频频道传参查询视频楼层信息totalCount', res.data?.totalCount + '')
 
 
       this.totalCount = res.data?.totalCount || 0
       this.totalCount = res.data?.totalCount || 0
@@ -182,6 +180,9 @@ export struct VideoChannelDetail {
         this.isMouted = true
         this.isMouted = true
       }, 500)
       }, 500)
 
 
+    }).catch(() => {
+      //   获取内容失败请重试
+      this.isRequestError = true
     })
     })
   }
   }
 
 
@@ -211,6 +212,16 @@ export struct VideoChannelDetail {
 
 
   build() {
   build() {
     Column() {
     Column() {
+      if (this.isRequestError) {
+        EmptyComponent({
+          emptyType: WDViewDefaultType.WDViewDefaultType_NoVideo,
+          emptyButton: true,
+          retry: () => {
+            this.getRecCompInfo()
+          }
+        })
+      } else {
+
         PictureLoading().visibility(this.isMouted ? Visibility.None : Visibility.Visible)
         PictureLoading().visibility(this.isMouted ? Visibility.None : Visibility.Visible)
         Swiper(this.swiperController) {
         Swiper(this.swiperController) {
           ForEach(this.data, (item: ContentDetailDTO, index: number) => {
           ForEach(this.data, (item: ContentDetailDTO, index: number) => {
@@ -247,6 +258,7 @@ export struct VideoChannelDetail {
         })
         })
 
 
       }
       }
+    }
     .width('100%')
     .width('100%')
     .height('100%')
     .height('100%')
     .backgroundColor('#000000')
     .backgroundColor('#000000')

@@ -9,6 +9,14 @@
       "value": "14fp"
       "value": "14fp"
     },
     },
     {
     {
+      "name": "font_size_12",
+      "value": "12fp"
+    },
+    {
+      "name": "normal_text_size",
+      "value": "16fp"
+    },
+    {
       "name": "title_popup_image_size",
       "name": "title_popup_image_size",
       "value": "24vp"
       "value": "24vp"
     },
     },