进入视频页面，鸿蒙端添加新手引导

@@ -15,6 +15,7 @@ import { DisplayDirection } from 'wdConstant/Index';
 import { window } from '@kit.ArkUI';
 import { window } from '@kit.ArkUI';
 import { EmptyComponent, WDViewDefaultType } from 'wdComponent/Index';
 import { EmptyComponent, WDViewDefaultType } from 'wdComponent/Index';
 import { TrackConstants, TrackingPageBrowse } from 'wdTracking/Index';
 import { TrackConstants, TrackingPageBrowse } from 'wdTracking/Index';
+import { LottieView } from 'wdComponent/Index'
 
 
 interface loadMoreData {
 interface loadMoreData {
   pageNum: number;
   pageNum: number;
@@ -24,6 +25,7 @@ interface loadMoreData {
 
 
 const TAG = 'VideoChannelDetail'
 const TAG = 'VideoChannelDetail'
 const storage = LocalStorage.getShared();
 const storage = LocalStorage.getShared();
+PersistentStorage.persistProp('GestureLoadStrategy', 0); // 点播视频手势动画0为用户首次进入视频点播，1为用户已进入视频点播
 
 
 @Entry(storage)
 @Entry(storage)
 @Component
 @Component
@@ -66,6 +68,7 @@ export struct VideoChannelDetail {
   pageHideTime: number = 0;
   pageHideTime: number = 0;
   @Provide onlyWifiLoadVideo: boolean = false
   @Provide onlyWifiLoadVideo: boolean = false
   @Provide toastTextVisible: boolean = false
   @Provide toastTextVisible: boolean = false
+  @StorageLink('GestureLoadStrategy') GestureLoadStrategy: number = 0
 
 
   autoRefreshChange() {
   autoRefreshChange() {
     if (this.topNavIndex === 0 && !this.isRequesting) {
     if (this.topNavIndex === 0 && !this.isRequesting) {
@@ -277,7 +280,7 @@ export struct VideoChannelDetail {
   }
   }
 
 
   build() {
   build() {
-    Column() {
+    Stack({ alignContent: Alignment.Center }) {
       if (this.isRequestError) {
       if (this.isRequestError) {
         EmptyComponent({
         EmptyComponent({
           emptyType: WDViewDefaultType.WDViewDefaultType_NoVideo,
           emptyType: WDViewDefaultType.WDViewDefaultType_NoVideo,
@@ -289,6 +292,7 @@ export struct VideoChannelDetail {
 
 
         PictureLoading()
         PictureLoading()
           .visibility(this.isMouted ? Visibility.None : Visibility.Visible)
           .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) => {
             DetailPlayShortVideoPage({
             DetailPlayShortVideoPage({
@@ -319,6 +323,29 @@ export struct VideoChannelDetail {
             this.getRecCompInfo()
             this.getRecCompInfo()
           }
           }
         })
         })
+        // 作为手势动画的背景
+        Row() {}
+        .justifyContent(FlexAlign.Center)
+        .width('100%')
+        .height('100%')
+        .visibility(this.isMouted && this.GestureLoadStrategy == 0 ? Visibility.Visible : Visibility.Hidden)
+        .backgroundColor('rgba(0, 0, 0, 0.50)')
+        .onTouch(() => {
+          this.GestureLoadStrategy = 1
+        })
+        // 手势动画 初次进入显示
+        LottieView({
+          name: 'slider_up_view_more',
+          path: "lottie/slider_up_view_more.json",
+          lottieWidth: 167,
+          lottieHeight: 167,
+          autoplay: true,
+          loop: true
+        })
+          .visibility(this.isMouted && this.GestureLoadStrategy == 0 ? Visibility.Visible : Visibility.Hidden)
+          .onTouch(() => {
+            this.GestureLoadStrategy = 1
+          })
 
 
       }
       }
     }
     }

@@ -51,7 +51,6 @@ export struct PlayerTitleView {
 
 
   /**
   /**
    * 截断文本
    * 截断文本
-   * @author liuzhendong(猩猩G)
    * @param {string} str   要截断的文本   '啊啊啊啊啊'
    * @param {string} str   要截断的文本   '啊啊啊啊啊'
    * @param {number} fontSize  字体大小(px)
    * @param {number} fontSize  字体大小(px)
    * @param {number} maxLines  最大行数   3
    * @param {number} maxLines  最大行数   3