频道列表、H5专题、H5详情 接入骨架屏

@@ -13,6 +13,7 @@ export struct WdWebComponent {
   @Prop backVisibility: boolean = false
   @Prop backVisibility: boolean = false
   @Prop webUrl: string = ''
   @Prop webUrl: string = ''
   @Prop @Watch('onReloadStateChanged') reload: number = 0
   @Prop @Watch('onReloadStateChanged') reload: number = 0
+  @Link isPageEnd: boolean
 
 
   build() {
   build() {
     Column() {
     Column() {
@@ -37,7 +38,6 @@ export struct WdWebComponent {
         .horizontalScrollBarAccess(false)
         .horizontalScrollBarAccess(false)
         .verticalScrollBarAccess(false)
         .verticalScrollBarAccess(false)
         .onPageBegin((event) => {
         .onPageBegin((event) => {
-          console.log(this.webUrl,"yzl")
           this.onPageBegin(event?.url);
           this.onPageBegin(event?.url);
         })
         })
         .onPageEnd((event) => {
         .onPageEnd((event) => {
@@ -86,18 +86,19 @@ export struct WdWebComponent {
     BridgeUtil.webViewLoadLocalJs(getContext(this), this.webviewControl)
     BridgeUtil.webViewLoadLocalJs(getContext(this), this.webviewControl)
   }
   }
   onPageEnd: (url?: string) => void = () => {
   onPageEnd: (url?: string) => void = () => {
+    this.isPageEnd = true
     Logger.debug(TAG, 'onPageEnd');
     Logger.debug(TAG, 'onPageEnd');
   }
   }
   onLoadIntercept: (url?: string) => boolean = () => {
   onLoadIntercept: (url?: string) => boolean = () => {
     Logger.debug(TAG, 'onLoadIntercept return false');
     Logger.debug(TAG, 'onLoadIntercept return false');
     return false
     return false
   }
   }
+
   onReloadStateChanged() {
   onReloadStateChanged() {
     Logger.info(TAG, `onReloadStateChanged:::refresh, this.reload: ${this.reload}`);
     Logger.info(TAG, `onReloadStateChanged:::refresh, this.reload: ${this.reload}`);
     if (this.reload > 0) {
     if (this.reload > 0) {
       this.webviewControl.refresh()
       this.webviewControl.refresh()
     }
     }
   }
   }
-
 }
 }
 
 

@@ -17,6 +17,7 @@ export struct WdWebLocalComponent {
   @Prop backVisibility: boolean = false
   @Prop backVisibility: boolean = false
   @Prop webResource: Resource = {} as Resource
   @Prop webResource: Resource = {} as Resource
   @State webHeight: string | number = '100%'
   @State webHeight: string | number = '100%'
+  @Link isPageEnd: boolean
 
 
   build() {
   build() {
     Column() {
     Column() {
@@ -109,6 +110,7 @@ export struct WdWebLocalComponent {
   onPageEnd: (url?: string) => void = () => {
   onPageEnd: (url?: string) => void = () => {
     Logger.debug(TAG, 'onPageEnd');
     Logger.debug(TAG, 'onPageEnd');
     this.onWebPrepared()
     this.onWebPrepared()
+    this.isPageEnd = true
   }
   }
   onLoadIntercept: (url?: string) => boolean = () => {
   onLoadIntercept: (url?: string) => boolean = () => {
     Logger.debug(TAG, 'onLoadIntercept return false');
     Logger.debug(TAG, 'onLoadIntercept return false');

@@ -19,6 +19,7 @@ import { HttpUrlUtils } from 'wdNetwork/Index';
 import { WDRouterPage, WDRouterRule } from 'wdRouter/Index';
 import { WDRouterPage, WDRouterRule } from 'wdRouter/Index';
 import { MultiPictureDetailViewModel } from '../viewmodel/MultiPictureDetailViewModel';
 import { MultiPictureDetailViewModel } from '../viewmodel/MultiPictureDetailViewModel';
 import { PageRepository } from '../repository/PageRepository';
 import { PageRepository } from '../repository/PageRepository';
+import { detailedSkeleton } from './skeleton/detailSkeleton'
 
 
 const TAG = 'ImageAndTextPageComponent'
 const TAG = 'ImageAndTextPageComponent'
 
 
@@ -30,8 +31,13 @@ export struct ImageAndTextPageComponent {
   @State recommendList: ContentDTO[] = []
   @State recommendList: ContentDTO[] = []
   @State newsStatusOfUser: batchLikeAndCollectResult | undefined = undefined // 点赞、收藏状态
   @State newsStatusOfUser: batchLikeAndCollectResult | undefined = undefined // 点赞、收藏状态
   @State interactData: InteractDataDTO = {} as InteractDataDTO
   @State interactData: InteractDataDTO = {} as InteractDataDTO
+  @State isPageEnd: boolean = false
+
   build() {
   build() {
     Column() {
     Column() {
+      if (!this.isPageEnd) {
+        detailedSkeleton()
+      } else {
         // 发布时间
         // 发布时间
         Row() {
         Row() {
           Image($r('app.media.icon_ren_min_ri_bao'))
           Image($r('app.media.icon_ren_min_ri_bao'))
@@ -58,13 +64,16 @@ export struct ImageAndTextPageComponent {
         }
         }
         .padding({ left: 15, right: 15 })
         .padding({ left: 15, right: 15 })
         .backgroundColor(Color.White)
         .backgroundColor(Color.White)
+      }
+
 
 
       Stack({ alignContent: Alignment.Bottom }) {
       Stack({ alignContent: Alignment.Bottom }) {
         Scroll(this.scroller) {
         Scroll(this.scroller) {
           Column() {
           Column() {
             ImageAndTextWebComponent({
             ImageAndTextWebComponent({
               contentDetailData: this.contentDetailData,
               contentDetailData: this.contentDetailData,
-              action: this.action
+              action: this.action,
+              isPageEnd: $isPageEnd
             })
             })
             Column() {
             Column() {
               if (this.recommendList.length > 0) {
               if (this.recommendList.length > 0) {
@@ -77,6 +86,7 @@ export struct ImageAndTextPageComponent {
         .width(CommonConstants.FULL_WIDTH)
         .width(CommonConstants.FULL_WIDTH)
         .height(CommonConstants.FULL_HEIGHT)
         .height(CommonConstants.FULL_HEIGHT)
         .padding({ bottom: 76 })
         .padding({ bottom: 76 })
+
         // .scrollBar(BarState.Off)
         // .scrollBar(BarState.Off)
 
 
         //底部交互区
         //底部交互区

@@ -15,6 +15,7 @@ import { BridgeWebViewControl } from 'wdJsBridge/Index';
 export struct ImageAndTextWebComponent {
 export struct ImageAndTextWebComponent {
   action: Action = {} as Action
   action: Action = {} as Action
   @State reload: number = 0;
   @State reload: number = 0;
+  @Link isPageEnd: boolean
   @Prop @Watch('onDetailDataUpdated') contentDetailData: ContentDetailDTO [] = [] as ContentDetailDTO []
   @Prop @Watch('onDetailDataUpdated') contentDetailData: ContentDetailDTO [] = [] as ContentDetailDTO []
   webviewControl: BridgeWebViewControl = new BridgeWebViewControl()
   webviewControl: BridgeWebViewControl = new BridgeWebViewControl()
   private h5ReceiveAppData: H5ReceiveDetailBean = { dataSource: '2' } as H5ReceiveDetailBean
   private h5ReceiveAppData: H5ReceiveDetailBean = { dataSource: '2' } as H5ReceiveDetailBean
@@ -84,7 +85,9 @@ export struct ImageAndTextWebComponent {
         webviewControl: this.webviewControl,
         webviewControl: this.webviewControl,
         webResource: $rawfile('apph5/index.html'),
         webResource: $rawfile('apph5/index.html'),
         backVisibility: false,
         backVisibility: false,
-        onWebPrepared: this.onWebPrepared.bind(this)
+        onWebPrepared: this.onWebPrepared.bind(this),
+        isPageEnd:$isPageEnd
+
       })
       })
     }
     }
   }
   }

@@ -4,6 +4,7 @@ import { WdWebComponent } from 'wdWebComponent';
 import router from '@ohos.router';
 import router from '@ohos.router';
 import { CommonConstants } from 'wdConstant'
 import { CommonConstants } from 'wdConstant'
 import { BridgeWebViewControl } from 'wdJsBridge/Index';
 import { BridgeWebViewControl } from 'wdJsBridge/Index';
+import { detailedSkeleton } from './skeleton/detailSkeleton'
 
 
 const TAG = 'SpacialTopicPageComponent'
 const TAG = 'SpacialTopicPageComponent'
 
 
@@ -13,14 +14,20 @@ export struct SpacialTopicPageComponent {
   scroller: Scroller = new Scroller();
   scroller: Scroller = new Scroller();
   action: Action = {} as Action
   action: Action = {} as Action
   @State webUrl: string = '';
   @State webUrl: string = '';
+  @State isPageEnd: boolean = false
+
   build() {
   build() {
     Column() {
     Column() {
+      if (!this.isPageEnd) {
+        detailedSkeleton()
+      }
       Stack({ alignContent: Alignment.Bottom }) {
       Stack({ alignContent: Alignment.Bottom }) {
         Column() {
         Column() {
           WdWebComponent({
           WdWebComponent({
             webviewControl: this.webviewControl,
             webviewControl: this.webviewControl,
             webUrl: this.webUrl,
             webUrl: this.webUrl,
             backVisibility: false,
             backVisibility: false,
+            isPageEnd:$isPageEnd
           })
           })
         }
         }
         .padding({ bottom: 56 })
         .padding({ bottom: 56 })
@@ -64,6 +71,8 @@ export struct SpacialTopicPageComponent {
         .padding({ left: 15, right: 15, bottom: 20, top: 20 })
         .padding({ left: 15, right: 15, bottom: 20, top: 20 })
         .justifyContent(FlexAlign.SpaceBetween)
         .justifyContent(FlexAlign.SpaceBetween)
         .backgroundColor(Color.White)
         .backgroundColor(Color.White)
+
+
       }
       }
     }.width(CommonConstants.FULL_WIDTH).height(CommonConstants.FULL_HEIGHT)
     }.width(CommonConstants.FULL_WIDTH).height(CommonConstants.FULL_HEIGHT)
     .backgroundColor(Color.White)
     .backgroundColor(Color.White)

@@ -13,6 +13,7 @@ import CustomRefreshLoadLayout from './CustomRefreshLoadLayout';
 import { CompParser } from '../CompParser';
 import { CompParser } from '../CompParser';
 import { CompDTO } from 'wdBean';
 import { CompDTO } from 'wdBean';
 import PageHelper from '../../viewmodel/PageHelper';
 import PageHelper from '../../viewmodel/PageHelper';
+import { channelSkeleton } from '../skeleton/channelSkeleton'
 
 
 const TAG = 'PageComponent';
 const TAG = 'PageComponent';
 
 
@@ -97,10 +98,11 @@ export struct PageComponent {
 
 
   @Builder
   @Builder
   LoadingLayout() {
   LoadingLayout() {
-    CustomRefreshLoadLayout({
-      refreshBean: new RefreshLayoutBean(true,
-        $r('app.media.ic_pull_up_load'), $r('app.string.pull_up_load_text'), this.pageModel.pullDownRefreshHeight)
-    })
+    channelSkeleton()
+    // CustomRefreshLoadLayout({
+    //   refreshBean: new RefreshLayoutBean(true,
+    //     $r('app.media.ic_pull_up_load'), $r('app.string.pull_up_load_text'), this.pageModel.pullDownRefreshHeight)
+    // })
   }
   }
 
 
   async aboutToAppear() {
   async aboutToAppear() {