Merge remote-tracking branch 'origin/main'

# Conflicts:
#	sight_harmony/features/wdComponent/src/main/ets/components/cardview/Card6Component.ets

@@ -47,4 +47,5 @@ export class SpConstants{
 
 
    //游客状态下首次评论时间
    //游客状态下首次评论时间
    static FIRSTCOMMENTTIME =  'firstCommentTime'
    static FIRSTCOMMENTTIME =  'firstCommentTime'
+   static TOURIST_NICK_NAME =  'touristNickName'
 }
 }

@@ -20,6 +20,8 @@ export { WindowModel } from './src/main/ets/utils/WindowModel'
 
 
 export { SPHelper } from './src/main/ets/utils/SPHelper'
 export { SPHelper } from './src/main/ets/utils/SPHelper'
 
 
+export { KVStoreHelper } from './src/main/ets/utils/KVStoreHelper'
+
 export { AccountManagerUtils } from './src/main/ets/utils/AccountManagerUtils'
 export { AccountManagerUtils } from './src/main/ets/utils/AccountManagerUtils'
 
 
 export { CollectionUtils } from './src/main/ets/utils/CollectionUtils'
 export { CollectionUtils } from './src/main/ets/utils/CollectionUtils'
@@ -61,3 +63,5 @@ export { MpaasUtils } from './src/main/ets/mpaas/MpaasUtils'
 export { MpaasUpgradeCheck, UpgradeTipContent } from './src/main/ets/mpaas/MpaasUpgradeCheck'
 export { MpaasUpgradeCheck, UpgradeTipContent } from './src/main/ets/mpaas/MpaasUpgradeCheck'
 
 
 export { TingyunAPM } from './src/main/ets/tingyunAPM/TingyunAPM'
 export { TingyunAPM } from './src/main/ets/tingyunAPM/TingyunAPM'
+
+export { FastClickUtil } from './src/main/ets/utils/FastClickUtil';

+import systemDateTime from '@ohos.systemDateTime';
+
+/**
+ * 屏蔽快速点击事件，规定时间内只触发一次
+ */
+export class FastClickUtil {
+
+  static MIN_DELAY_TIME = 500
+
+  static minDelayBeforeTime = 0
+
+  static async  isMinDelayTime(): Promise<boolean> {
+    let systime = await systemDateTime.getCurrentTime();
+    return new Promise<boolean>((success, error) => {
+      let rtnvalue = systime - FastClickUtil.minDelayBeforeTime <= FastClickUtil.MIN_DELAY_TIME;
+      this.minDelayBeforeTime = systime;
+      success(rtnvalue);
+    })
+  }
+}
+

+import { distributedKVStore } from '@kit.ArkData';
+import { BusinessError } from '@kit.BasicServicesKit';
+import { AppUtils } from './AppUtils';
+import { Logger } from './Logger';
+
+const TAG = 'KVStoreHelper'
+
+/**
+ * 键值型数据库管理类，类似sp，存储变大，单条数据，value<4M
+ */
+export class KVStoreHelper {
+  private static _context: Context;
+  // TODO 待优化，可以指定数据库名，创建多个数据库。当前没有需求，只创建一个，缓存接口数据用。
+  private static _default_store_id: string = 'default_kv_store';
+  private kvManager: distributedKVStore.KVManager | undefined = undefined;
+  private kvStore: distributedKVStore.SingleKVStore | undefined = undefined;
+
+  private constructor() {
+    Logger.error(TAG, 'constructor')
+  }
+
+  static init(context: Context) {
+    Logger.error(TAG, 'init')
+    KVStoreHelper._context = context;
+    KVStoreHelper.default.createKVManager()
+    KVStoreHelper.default.createKVStore()
+  }
+
+  // 静态属性
+  static default: KVStoreHelper = new KVStoreHelper();
+
+  private createKVManager() {
+    if (this.kvManager) {
+      return
+    }
+    if (!KVStoreHelper._context) {
+      Logger.fatal(TAG, 'context is null, must be initialized first')
+      return
+    }
+    let context: Context = KVStoreHelper._context;
+    const kvManagerConfig: distributedKVStore.KVManagerConfig = {
+      context: context,
+      bundleName: AppUtils.getPackageName(context)
+    };
+    try {
+      // 创建KVManager实例
+      this.kvManager = distributedKVStore.createKVManager(kvManagerConfig);
+      Logger.info(TAG, 'Succeeded in creating KVManager.');
+      // 继续创建获取数据库
+    } catch (e) {
+      let error = e as BusinessError;
+      Logger.error(TAG, `Failed to create KVManager. Code:${error.code},message:${error.message}`);
+    }
+  }
+
+  private createKVStore() {
+    if (this.kvStore) {
+      return
+    }
+    if (!this.kvManager) {
+      this.createKVManager()
+      // 直接拦截，避免陷入循环
+      Logger.error(TAG, 'kvManager is null, please re-create it and try again')
+      return
+    }
+    try {
+      const options: distributedKVStore.Options = {
+        createIfMissing: true,
+        encrypt: false,
+        backup: false,
+        autoSync: false,
+        // kvStoreType不填时，默认创建多设备协同数据库
+        kvStoreType: distributedKVStore.KVStoreType.SINGLE_VERSION,
+        securityLevel: distributedKVStore.SecurityLevel.S1
+      };
+      this.kvManager?.getKVStore<distributedKVStore.SingleKVStore>(KVStoreHelper._default_store_id, options,
+        (err, store: distributedKVStore.SingleKVStore) => {
+          if (err) {
+            Logger.error(TAG, `Failed to get KVStore: Code:${err.code},message:${err.message}`);
+            return;
+          }
+          Logger.info(TAG, 'Succeeded in getting KVStore.');
+          this.kvStore = store;
+          // 请确保获取到键值数据库实例后，再进行相关数据操作
+        });
+    } catch (e) {
+      let error = e as BusinessError;
+      Logger.error(TAG, `An unexpected error occurred. Code:${error.code},message:${error.message}`);
+    }
+  }
+
+  private checkStoreCreated() {
+    if (!this.kvManager) {
+      this.createKVManager()
+    }
+    if (!this.kvStore) {
+      this.createKVStore()
+    }
+  }
+
+  get(key: string, def: boolean | string | number | Uint8Array): Promise<boolean | string | number | Uint8Array> {
+    // this.checkStoreCreated()
+    return new Promise<boolean | string | number | Uint8Array>((success, failed) => {
+      try {
+        this.kvStore?.get(key, (err, data) => {
+          if (err != undefined) {
+            Logger.debug(TAG, `Failed to get data. Code:${err.code},message:${err.message}`);
+            success(def)
+            return;
+          }
+          success(data)
+          Logger.debug(TAG, `Succeeded in getting data. Data:${data}`);
+        });
+      } catch (e) {
+        success(def)
+        let error = e as BusinessError;
+        Logger.error(TAG, `Failed to get data. Code:${error.code},message:${error.message}`);
+      }
+    });
+  }
+
+  put(key: string, value: boolean | string | number | Uint8Array) {
+    // this.checkStoreCreated()
+    try {
+      this.kvStore?.put(key, value, (err) => {
+        if (err !== undefined) {
+          Logger.debug(TAG, `Failed to put data. Code:${err.code},message:${err.message}`);
+          return;
+        }
+        Logger.debug(TAG, 'Succeeded in putting data.');
+      });
+    } catch (e) {
+      let error = e as BusinessError;
+      Logger.error(TAG, `An unexpected error occurred. Code:${error.code},message:${error.message}`);
+    }
+  }
+
+  del(key: string) {
+    // this.checkStoreCreated()
+    try {
+      this.kvStore?.delete(key, (err) => {
+        if (err !== undefined) {
+          Logger.debug(TAG, `Failed to delete data. Code:${err.code},message:${err.message}`);
+          return;
+        }
+        Logger.debug(TAG, 'Succeeded in deleting data.');
+      });
+    } catch (e) {
+      let error = e as BusinessError;
+      Logger.error(TAG, `An unexpected error occurred. Code:${error.code},message:${error.message}`);
+    }
+  }
+}

@@ -4,7 +4,7 @@ import { Logger } from './Logger';
 const TAG = 'SPHelper'
 const TAG = 'SPHelper'
 
 
 /**
 /**
- * sp存储
+ * sp存储，单条数据，value<1k；业务数据超过1k的，建议使用KVStoreHelper
  */
  */
 export class SPHelper {
 export class SPHelper {
   private static context: Context;
   private static context: Context;

@@ -5,7 +5,7 @@ export class ToastUtils {
   private static shortToastTime: number = 1000
   private static shortToastTime: number = 1000
 
 
   static showToast(message: ResourceStr, duration: number) {
   static showToast(message: ResourceStr, duration: number) {
-    prompt.showToast({ message: message, duration: duration })
+    prompt.showToast({ message: message, duration: duration, alignment: Alignment.Center })
   }
   }
 
 
   static shortToast(message: ResourceStr) {
   static shortToast(message: ResourceStr) {

@@ -12,3 +12,5 @@ export { HttpUtils } from "./src/main/ets/utils/HttpUtils"
 
 
 export { HostEnum, HostManager } from "./src/main/ets/http/HttpHostManager"
 export { HostEnum, HostManager } from "./src/main/ets/http/HttpHostManager"
 
 
+export { CacheData } from "./src/main/ets/utils/CacheData"
+

@@ -135,6 +135,14 @@ export class HttpUrlUtils {
    */
    */
   static readonly APPOINTMENT_ExecuteCollcet_PATH: string = "/api/rmrb-interact/interact/zh/c/collect/executeCollcetRecord";
   static readonly APPOINTMENT_ExecuteCollcet_PATH: string = "/api/rmrb-interact/interact/zh/c/collect/executeCollcetRecord";
   /**
   /**
+   * 个人中心 - 消息
+   */
+  static readonly APPOINTMENT_MessageList_PATH: string = "/api/rmrb-inside-mail/zh/c/inside-mail/private";
+  /**
+   * 个人中心 - 消息 点赞数
+   */
+  static readonly APPOINTMENT_getMessageLikeCount_PATH: string = "/api/rmrb-inside-mail/zh/c/inside-mail/private/getLikeCount";
+  /**
    * 个人中心  我的评论列表
    * 个人中心  我的评论列表
    */
    */
   static readonly MINE_COMMENT_LIST_DATA_PATH: string = "/api/rmrb-comment/comment/zh/c/myCommentList";
   static readonly MINE_COMMENT_LIST_DATA_PATH: string = "/api/rmrb-comment/comment/zh/c/myCommentList";
@@ -301,6 +309,45 @@ export class HttpUrlUtils {
    * 查询是否设置过密码checkSetPassword
    * 查询是否设置过密码checkSetPassword
    */
    */
   static readonly CHECK_SET_PASSWORD_PATH: string = "/api/rmrb-user-center/user/zh/c/ifSetPassword";
   static readonly CHECK_SET_PASSWORD_PATH: string = "/api/rmrb-user-center/user/zh/c/ifSetPassword";
+  /**
+   * 获取oss 配置
+   */
+  static readonly OSS_PARAMS_PATH: string = "/api/rmrb-bff-display-zh/content/zh/c/oss/configs";
+
+  /**
+   * 获取上传OSS token
+   */
+  static readonly STS_TOKEN_PATH: string = "/api/rmrb-bff-display-zh/content/zh/c/oss/stsToken";
+
+  /**
+   * 获取意见反馈类型
+   */
+  static readonly FEEDBACK_TYPE_PATH: string = "/api/rmrb-interact/interact/c/user/optionClassify/list";
+
+  /**
+   * 查询点赞、回复我的、系统消息的未读数量以及回复/评论人
+   */
+  static readonly MESSAGE_UN_READ_DATA_PATH: string = "/api/rmrb-inside-mail/zh/c/inside-mail/private/polymerizationInfo?createTime=";
+
+  /**
+   * 直播详情-直播人数
+   */
+  static readonly LIVE_ROOM_BATCH_ALL_DATA_PATH: string = "/api/live-center-message/zh/a/live/room/number/batch/all";
+
+  /**
+   * 点击消息
+   */
+  static readonly SEND_MESSAGE_PATH: string = "/api/rmrb-inside-mail/zh/c/inside-mail/private/touch?createTime=";
+
+  /**
+   * 点击具体某个消息
+   */
+  static readonly ENTER_MESSAGE_PATH: string = "/api/rmrb-inside-mail/zh/c/inside-mail/private/readAll?contentType=";
+
+  /**
+   * 推送消息
+   */
+  static readonly HISTORY_PUSH_MESSAGE_PATH: string = "/api/rmrb-bff-display-zh/content/zh/c/push";
 
 
   static getHost(): string {
   static getHost(): string {
     return HostManager.getHost();
     return HostManager.getHost();
@@ -463,6 +510,16 @@ export class HttpUrlUtils {
     return url
     return url
   }
   }
 
 
+  static getMessageListDataUrl() {
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.APPOINTMENT_MessageList_PATH
+    return url
+  }
+
+  static getMessageLikeCount() {
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.APPOINTMENT_getMessageLikeCount_PATH
+    return url
+  }
+
   static getExecuteCollcetUrl() {
   static getExecuteCollcetUrl() {
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.APPOINTMENT_ExecuteCollcet_PATH
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.APPOINTMENT_ExecuteCollcet_PATH
     return url
     return url
@@ -699,4 +756,39 @@ export class HttpUrlUtils {
     return url;
     return url;
   }
   }
 
 
+  //获取消息未读接口
+  static getMessageUnReadDataUrl() {
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.MESSAGE_UN_READ_DATA_PATH
+    return url
+  }
+
+  static reportDeviceInfo() {
+    let url = HttpUrlUtils.getHost() + "/api/rmrb-user-center/common/user/c/device/push";
+    return url;
+  }
+
+  //获取直播人数
+  static getLiveRoomBatchAllDataUrl() {
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.LIVE_ROOM_BATCH_ALL_DATA_PATH
+    return url
+  }
+
+
+  //点击消息
+  static getSendClickMessageUrl() {
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.SEND_MESSAGE_PATH
+    return url
+  }
+
+  //消息 历史推送消息
+  static getHistoryPushUrl() {
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.HISTORY_PUSH_MESSAGE_PATH
+    return url
+  }
+
+  //点击具体某个消息
+  static getEnterClickMessageUrl() {
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.ENTER_MESSAGE_PATH
+    return url
+  }
 }
 }

+/**
+ * 接口数据存储封装类
+ */
+import { DateTimeUtils, StringUtils } from 'wdKit/Index';
+import { CacheDataSaveUtil } from './CacheDataSaveUtil';
+
+export class CacheData {
+  // 接口返回数据
+  networkData?: object;
+  // 数据更新时间戳
+  updateTimeInMillis: number = 0;
+  // 接口返回md5，用于判断接口数据是否更新
+  md5: string = '';
+
+  constructor(md5: string, timeMillis: number, networkData: object) {
+    this.md5 = md5
+    this.updateTimeInMillis = timeMillis
+    this.networkData = networkData
+  }
+
+  /**
+   * 根据新旧md5值进行判断，是否需要刷新数据
+   * @param responseMd5 新值，接口返回
+   * @returns
+   */
+  needRefreshByMd5(responseMd5: string): boolean {
+    if (StringUtils.isEmpty(this.md5) || StringUtils.isEmpty(responseMd5)) {
+      return false
+    }
+    return this.md5 != responseMd5
+  }
+
+  static saveCacheData(cacheKey: string, data: object, responseMd5: string) {
+    if (!data) {
+      return
+    }
+    let time = DateTimeUtils.getTimeStamp()
+    let cacheData = new CacheData(responseMd5, time, data)
+    CacheDataSaveUtil.save(cacheKey, JSON.stringify(cacheData))
+  }
+
+  /**
+   * 获取缓存数据
+   */
+  static getLocalCacheData(key: string): Promise<CacheData | null> {
+    return new Promise<CacheData | null>((success) => {
+      if (StringUtils.isEmpty(key)) {
+        success(null)
+        return
+      }
+      let ll = CacheDataSaveUtil.get(key)
+      if (ll instanceof Promise) {
+        ll.then((data) => {
+          let str = data as string
+          let cache = JSON.parse(str) as CacheData
+          success(cache)
+        })
+      } else {
+        success(null)
+      }
+    })
+  }
+}

+import { KVStoreHelper, StringUtils } from 'wdKit/Index';
+
+/**
+ * 接口数据存储工具类
+ */
+export class CacheDataSaveUtil {
+  static save(key: string, value: string) {
+    if (StringUtils.isEmpty(key)) {
+      return
+    }
+    KVStoreHelper.default.put(key, value)
+  }
+
+  static get(key: string) {
+    if (StringUtils.isEmpty(key)) {
+      return ''
+    }
+    return KVStoreHelper.default.get(key, '')
+  }
+}

@@ -92,6 +92,8 @@ export function registerRouter() {
       return WDRouterPage.liveMorePage
       return WDRouterPage.liveMorePage
     } else if (action.params?.pageID == "ORDER_MORE_PAGE") {
     } else if (action.params?.pageID == "ORDER_MORE_PAGE") {
       return WDRouterPage.reserveMorePage
       return WDRouterPage.reserveMorePage
+    } else if (action.params?.pageID == "FeedBackActivity") {
+      return WDRouterPage.feedBackActivity
     }
     }
     return undefined
     return undefined
   })
   })

@@ -119,6 +119,8 @@ export class WDRouterPage {
   static searchPage = new WDRouterPage("wdComponent", "ets/pages/SearchPage");
   static searchPage = new WDRouterPage("wdComponent", "ets/pages/SearchPage");
   //消息主页
   //消息主页
   static mineMessagePage = new WDRouterPage("wdComponent", "ets/pages/MineMessagePage");
   static mineMessagePage = new WDRouterPage("wdComponent", "ets/pages/MineMessagePage");
+  //预约消息主页
+  static subscribeMessagePage = new WDRouterPage("wdComponent", "ets/pages/SubscribeMessagePage");
   //搜索人民号主页
   //搜索人民号主页
   static searchCreatorPage = new WDRouterPage("wdComponent", "ets/pages/SearchCreatorPage");
   static searchCreatorPage = new WDRouterPage("wdComponent", "ets/pages/SearchCreatorPage");
   //人民号主页
   //人民号主页
@@ -133,4 +135,12 @@ export class WDRouterPage {
   static columnPage = new WDRouterPage("phone", "ets/pages/column/ColumnPage");
   static columnPage = new WDRouterPage("phone", "ets/pages/column/ColumnPage");
   //展示头像
   //展示头像
   static showUserHeaderPage = new WDRouterPage("wdComponent", "ets/pages/ShowUserHeaderPage");
   static showUserHeaderPage = new WDRouterPage("wdComponent", "ets/pages/ShowUserHeaderPage");
+
+  //意见反馈
+  static feedBackActivity = new WDRouterPage("wdComponent", "ets/components/FeedBackActivity");
+
+  // 人民号主页头像显示
+  static showHomePageHeaderPage = new WDRouterPage("wdComponent", "ets/pages/ShowHomePageHeaderPage");
+
+
 }
 }

@@ -108,7 +108,11 @@ export class ProcessUtils {
         break;
         break;
       case ContentConstants.TYPE_TELETEXT:
       case ContentConstants.TYPE_TELETEXT:
       // 图文详情，跳转h5
       // 图文详情，跳转h5
+        if(content?.linkUrl){ //有 linkUrl 走专题页展示逻辑
+          ProcessUtils.gotoSpecialTopic(content)
+        }else{
           ProcessUtils.gotoWeb(content);
           ProcessUtils.gotoWeb(content);
+        }
         break;
         break;
       case ContentConstants.TYPE_LINK:
       case ContentConstants.TYPE_LINK:
         ProcessUtils.gotoDefaultWeb(content);
         ProcessUtils.gotoDefaultWeb(content);
@@ -441,4 +445,26 @@ export class ProcessUtils {
     let params = { 'creatorId': creatorId } as Record<string, string>;
     let params = { 'creatorId': creatorId } as Record<string, string>;
     WDRouterRule.jumpWithPage(WDRouterPage.peopleShipHomePage, params)
     WDRouterRule.jumpWithPage(WDRouterPage.peopleShipHomePage, params)
   }
   }
+
+  /**
+   * 意见反馈
+   */
+  public static gotoFeedBackActivity() {
+    let taskAction: Action = {
+      type: 'JUMP_INNER_NEW_PAGE',
+      params: {
+        pageID: 'FeedBackActivity'
+      } as Params,
+    };
+
+    WDRouterRule.jumpWithAction(taskAction)
+  }
+
+  /**
+   * 跳转到登录页
+   */
+  public static gotoLoginPage() {
+
+    WDRouterRule.jumpWithPage(WDRouterPage.loginPage)
+  }
 }
 }

@@ -39,14 +39,14 @@ class AppLoginAuthInfo {
 }
 }
 
 
 interface IDataJson {
 interface IDataJson {
-  jumpType:number
-  jumpUrl:string
-  newsId:string
-  newsObjectLevel:string
-  newsObjectType:number
-  newsRelId:string
-  newsTitle:string
-  pageId:string
+  jumpType: number
+  jumpUrl: string
+  newsId: string
+  newsObjectLevel: string
+  newsObjectType: number
+  newsRelId: string
+  newsTitle: string
+  pageId: string
 }
 }
 
 
 /**
 /**
@@ -209,6 +209,11 @@ function handleJsCallAppInnerLinkMethod(data: Message) {
       let creatorId = urlParams.get('creatorId') || ''
       let creatorId = urlParams.get('creatorId') || ''
       ProcessUtils.gotoPeopleShipHomePage(creatorId)
       ProcessUtils.gotoPeopleShipHomePage(creatorId)
       break;
       break;
+    case 'app':
+      if (urlParams.get('subType') === 'login') {
+        ProcessUtils.gotoLoginPage()
+      }
+      break;
     default:
     default:
       break;
       break;
   }
   }

 import { Message } from 'wdJsBridge/src/main/ets/bean/Message';
 import { Message } from 'wdJsBridge/src/main/ets/bean/Message';
-import { H5ReceiveDataJsonBean, postBatchAttentionStatusResult } from 'wdBean';
-import { ResponseDTO, WDHttp, HttpUrlUtils } from 'wdNetwork';
+import { WDHttp, HttpUrlUtils } from 'wdNetwork';
 
 
 const TAG = 'JsCallAppService'
 const TAG = 'JsCallAppService'
 
 
 
 
 export function handleJsCallAppService(data: Message, callback: (res: string) => void) {
 export function handleJsCallAppService(data: Message, callback: (res: string) => void) {
-  let url: string = HttpUrlUtils.getHost() + data?.data?.url
-
-  let responseMap: ResponseDTO<postBatchAttentionStatusResult> = {} as ResponseDTO<postBatchAttentionStatusResult>
+  if (data?.data?.method === 'get') {
+    let queryString: string = ''
+    let parameters = data?.data?.parameters
+    if (parameters) {
+      queryString = Object.keys(parameters)
+        .map(key => `${encodeURIComponent(key)}=${encodeURIComponent(parameters?.[key])}`)
+        .join('&');
+    }
 
 
-  let h5ReceiveDataJson: H5ReceiveDataJsonBean<ResponseDTO<postBatchAttentionStatusResult>> = {
+    let url: string = HttpUrlUtils.getHost() + data?.data?.url
+    if (queryString) {
+      url = url + `?${queryString}`
+    }
+    console.log('yzl', queryString, url)
+    WDHttp.get(url).then((res) => {
+      callback(JSON.stringify({
         netError: '0',
         netError: '0',
-    responseMap
-  } as H5ReceiveDataJsonBean<ResponseDTO<postBatchAttentionStatusResult>>
+        responseMap: res
+      }))
+    })
+  }
+  if (data?.data?.method === 'post') {
+    let url: string = HttpUrlUtils.getHost() + data?.data?.url
 
 
-  // if (data?.data?.method === 'get') {
-  //   WDHttp.get<ResponseDTO<postBatchAttentionStatusResult>>(url, headers).then((res: ResponseDTO<postBatchAttentionStatusResult>) => {
-  //     callback(JSON.stringify(res))
-  //   })
-  // }
-  if (data?.data?.method === 'post' && data?.data?.url === '/api/rmrb-interact/interact/zh/c/batchAttention/status') {
-    WDHttp.post<ResponseDTO<postBatchAttentionStatusResult>>(url, data?.data?.parameters).then((res: ResponseDTO<postBatchAttentionStatusResult>) => {
-      h5ReceiveDataJson.responseMap = res
-      callback(JSON.stringify(h5ReceiveDataJson))
+    WDHttp.post(url, data?.data?.parameters).then((res) => {
+      callback(JSON.stringify({
+        netError: '0',
+        responseMap: res
+      }))
     })
     })
   }
   }
 }
 }

@@ -55,7 +55,7 @@ export struct WdWebLocalComponent {
             .mixedMode(MixedMode.All)
             .mixedMode(MixedMode.All)
             .onlineImageAccess(true)
             .onlineImageAccess(true)
             .enableNativeEmbedMode(true)
             .enableNativeEmbedMode(true)
-            .layoutMode(WebLayoutMode.FIT_CONTENT)
+            // .layoutMode(WebLayoutMode.FIT_CONTENT)
             // .nestedScroll({ scrollForward: NestedScrollMode.SELF_FIRST, scrollBackward: NestedScrollMode.PARENT_FIRST })
             // .nestedScroll({ scrollForward: NestedScrollMode.SELF_FIRST, scrollBackward: NestedScrollMode.PARENT_FIRST })
             .height(this.webHeight)
             .height(this.webHeight)
             .onPageBegin((event) => {
             .onPageBegin((event) => {

@@ -172,3 +172,6 @@ export { MasterDetailRes } from './src/main/ets/bean/user/MasterDetailRes';
 
 
 export { ReserveItemBean } from './src/main/ets/bean/live/ReserveItemBean';
 export { ReserveItemBean } from './src/main/ets/bean/live/ReserveItemBean';
 
 
+
+
+export { FeedbackTypeBean } from './src/main/ets/bean/detail/FeedbackTypeBean';

@@ -84,7 +84,7 @@ export class ContentDTO implements BaseDTO {
   openType: string = '';
   openType: string = '';
   extra: string = ''
   extra: string = ''
 
 
-  static clone(old:ContentDTO): ContentDTO {
+  static clone(old: ContentDTO): ContentDTO {
     let content = new ContentDTO();
     let content = new ContentDTO();
     content.appStyle = old.appStyle;
     content.appStyle = old.appStyle;
     content.cityCode = old.cityCode;
     content.cityCode = old.cityCode;

 export interface commentInfo {
 export interface commentInfo {
   commentTitle: string,
   commentTitle: string,
   newsTitle: string,
   newsTitle: string,
-  userName: string,
-  userHeaderUrl: string,
+  userId?: string,
+  userName?: string,
+  userHeaderUrl?: string,
   publishTime: number,
   publishTime: number,
   commentId: string,
   commentId: string,
   newsId: string,
   newsId: string,
   relId: string;
   relId: string;
   relType: string;
   relType: string;
-  userId: string;
+  newsType?: string,
+  objectType?: string,
 }
 }

+export interface FeedbackTypeBean {
+  classifyName: string;
+  id: number;
+  isselect: boolean;
+}

@@ -57,6 +57,8 @@ export { AudioDetailComponent } from "./src/main/ets/components/AudioDetailCompo
 
 
 export { DynamicDetailComponent } from "./src/main/ets/components/DynamicDetailComponent"
 export { DynamicDetailComponent } from "./src/main/ets/components/DynamicDetailComponent"
 
 
+export { FeedBackActivity } from "./src/main/ets/components/FeedBackActivity"
+
 export { AudioSuspensionModel } from "./src/main/ets/viewmodel/AudioSuspensionModel"
 export { AudioSuspensionModel } from "./src/main/ets/viewmodel/AudioSuspensionModel"
 
 
 export { BroadcastPageComponent } from "./src/main/ets/components/broadcast/BroadcastPageComponent"
 export { BroadcastPageComponent } from "./src/main/ets/components/broadcast/BroadcastPageComponent"
@@ -65,7 +67,7 @@ export { FirstTabTopSearchComponent } from "./src/main/ets/components/search/Fir
 
 
 export { ListHasNoMoreDataUI } from "./src/main/ets/components/reusable/ListHasNoMoreDataUI"
 export { ListHasNoMoreDataUI } from "./src/main/ets/components/reusable/ListHasNoMoreDataUI"
 
 
-export { LottieView } from './src/main/ets/lottie/LottieView'
+export { LottieView } from './src/main/ets/components/lottie/LottieView'
 
 
 export { SpacialTopicPageComponent } from './src/main/ets/components/SpacialTopicPageComponent'
 export { SpacialTopicPageComponent } from './src/main/ets/components/SpacialTopicPageComponent'
 
 

-import { CommonConstants, CompStyle } from 'wdConstant';
-import { ContentDTO } from 'wdBean';
+import { CompStyle } from 'wdConstant';
+import { CompDTO, ContentDTO } from 'wdBean';
 import { Card2Component } from './cardview/Card2Component';
 import { Card2Component } from './cardview/Card2Component';
 import { Card3Component } from './cardview/Card3Component';
 import { Card3Component } from './cardview/Card3Component';
 import { Card4Component } from './cardview/Card4Component';
 import { Card4Component } from './cardview/Card4Component';
@@ -24,13 +24,14 @@ import { Card21Component } from './cardview/Card21Component';
 @Component
 @Component
 export struct CardParser {
 export struct CardParser {
   @State contentDTO: ContentDTO = new ContentDTO();
   @State contentDTO: ContentDTO = new ContentDTO();
+  @State compDTO: CompDTO = {} as CompDTO
 
 
   build() {
   build() {
-    this.contentBuilder(this.contentDTO);
+    this.contentBuilder(this.contentDTO, this.compDTO);
   }
   }
 
 
   @Builder
   @Builder
-  contentBuilder(contentDTO: ContentDTO) {
+  contentBuilder(contentDTO: ContentDTO, compDTO: CompDTO) {
     if (contentDTO.appStyle === CompStyle.Card_02) {
     if (contentDTO.appStyle === CompStyle.Card_02) {
       Card2Component({ contentDTO })
       Card2Component({ contentDTO })
     } else if (contentDTO.appStyle === CompStyle.Card_03) {
     } else if (contentDTO.appStyle === CompStyle.Card_03) {
@@ -38,7 +39,7 @@ export struct CardParser {
     } else if (contentDTO.appStyle === CompStyle.Card_04) {
     } else if (contentDTO.appStyle === CompStyle.Card_04) {
       Card4Component({ contentDTO })
       Card4Component({ contentDTO })
     } else if (contentDTO.appStyle === CompStyle.Card_05) {
     } else if (contentDTO.appStyle === CompStyle.Card_05) {
-      Card5Component({ contentDTO })
+      Card5Component({ contentDTO, titleShowPolicy: compDTO.titleShowPolicy })
     } else if (contentDTO.appStyle === CompStyle.Card_06 || contentDTO.appStyle === CompStyle
     } else if (contentDTO.appStyle === CompStyle.Card_06 || contentDTO.appStyle === CompStyle
       .Card_13) {
       .Card_13) {
       Card6Component({ contentDTO })
       Card6Component({ contentDTO })
@@ -64,8 +65,7 @@ export struct CardParser {
       Card20Component({ contentDTO })
       Card20Component({ contentDTO })
     } else if (contentDTO.appStyle === CompStyle.Card_21) {
     } else if (contentDTO.appStyle === CompStyle.Card_21) {
       Card21Component({ contentDTO })
       Card21Component({ contentDTO })
-    }
-    else {
+    } else {
       // todo:组件未实现 / Component Not Implemented
       // todo:组件未实现 / Component Not Implemented
       // Text(contentDTO.appStyle)
       // Text(contentDTO.appStyle)
       //   .width(CommonConstants.FULL_PARENT)
       //   .width(CommonConstants.FULL_PARENT)

-import { SPHelper,Logger,ToastUtils } from 'wdKit';
-import { ContentDetailDTO, Action, ContentDTO,batchLikeAndCollectResult } from 'wdBean';
+import { SPHelper, Logger, ToastUtils } from 'wdKit';
+import { ContentDetailDTO, Action, ContentDTO, batchLikeAndCollectResult } from 'wdBean';
 import { ProcessUtils } from 'wdRouter';
 import { ProcessUtils } from 'wdRouter';
 import router from '@ohos.router';
 import router from '@ohos.router';
 import { batchLikeAndCollectParams } from 'wdDetailPlayApi/src/main/ets/request/ContentDetailRequest';
 import { batchLikeAndCollectParams } from 'wdDetailPlayApi/src/main/ets/request/ContentDetailRequest';
 import { MultiPictureDetailViewModel } from '../viewmodel/MultiPictureDetailViewModel';
 import { MultiPictureDetailViewModel } from '../viewmodel/MultiPictureDetailViewModel';
 import { SpConstants } from 'wdConstant/Index';
 import { SpConstants } from 'wdConstant/Index';
 import { WDShare } from 'wdShare/Index';
 import { WDShare } from 'wdShare/Index';
-import {LikeComponent} from './view/LikeComponent'
+import { LikeComponent } from './view/LikeComponent'
+
 const TAG = 'CarderInteraction'
 const TAG = 'CarderInteraction'
+
 /**
 /**
  * 卡片 分享、评论、点赞公用组件
  * 卡片 分享、评论、点赞公用组件
  */
  */
@@ -15,9 +17,10 @@ const TAG = 'CarderInteraction'
 export struct CarderInteraction {
 export struct CarderInteraction {
   @Prop contentDTO: ContentDTO
   @Prop contentDTO: ContentDTO
   @State contentId: string = ''
   @State contentId: string = ''
-  @State contentDetailData: ContentDetailDTO = {} as ContentDetailDTO
-  @State newsStatusOfUser: batchLikeAndCollectResult = {} as batchLikeAndCollectResult// 点赞、收藏状态
+  @Provide contentDetailData: ContentDetailDTO = {} as ContentDetailDTO
+  @State newsStatusOfUser: batchLikeAndCollectResult = {} as batchLikeAndCollectResult // 点赞、收藏状态
   @State likeBean: Record<string, string> = {}
   @State likeBean: Record<string, string> = {}
+
   async aboutToAppear() {
   async aboutToAppear() {
     await this.getContentDetailData()
     await this.getContentDetailData()
     // 点赞需要数据
     // 点赞需要数据
@@ -28,51 +31,55 @@ export struct CarderInteraction {
     this.likeBean['userHeaderUrl'] = this.contentDetailData.userInfo?.headPhotoUrl + ''
     this.likeBean['userHeaderUrl'] = this.contentDetailData.userInfo?.headPhotoUrl + ''
     this.likeBean['channelId'] = this.contentDetailData.reLInfo?.channelId + ''
     this.likeBean['channelId'] = this.contentDetailData.reLInfo?.channelId + ''
   }
   }
+
   build() {
   build() {
-      Row(){
-        Row(){
+    Row() {
+      Row() {
         Image($r('app.media.CarderInteraction_share'))
         Image($r('app.media.CarderInteraction_share'))
           .width(18)
           .width(18)
           .height(18)
           .height(18)
         Text('分享')
         Text('分享')
-            .margin({left:4})
+          .margin({ left: 4 })
           .fontSize(14)
           .fontSize(14)
           .fontColor('#666666')
           .fontColor('#666666')
       }
       }
       .justifyContent(FlexAlign.Center)
       .justifyContent(FlexAlign.Center)
-        .onClick(()=>{
+      .onClick(() => {
         WDShare.shareContent(this.contentDetailData)
         WDShare.shareContent(this.contentDetailData)
       })
       })
-        Row(){
+
+      Row() {
         Image($r('app.media.CarderInteraction_comment'))
         Image($r('app.media.CarderInteraction_comment'))
           .width(18)
           .width(18)
           .height(18)
           .height(18)
         Text('评论')
         Text('评论')
-            .margin({left:4})
+          .margin({ left: 4 })
           .fontSize(14)
           .fontSize(14)
           .fontColor('#666666')
           .fontColor('#666666')
       }
       }
       .justifyContent(FlexAlign.Center)
       .justifyContent(FlexAlign.Center)
-        .onClick(()=>{
+      .onClick(() => {
         ProcessUtils.processPage(this.contentDTO)
         ProcessUtils.processPage(this.contentDTO)
       })
       })
+
       this.builderLike()
       this.builderLike()
     }
     }
     .width('100%')
     .width('100%')
-      .margin({top:11})
+    .margin({ top: 11 })
     .padding({
     .padding({
-       left:21,
-       right:21
+      left: 21,
+      right: 21
     })
     })
     .justifyContent(FlexAlign.SpaceBetween)
     .justifyContent(FlexAlign.SpaceBetween)
     .alignItems(VerticalAlign.Center)
     .alignItems(VerticalAlign.Center)
   }
   }
+
   /**
   /**
    * 点赞组件
    * 点赞组件
    */
    */
   @Builder
   @Builder
   builderLike() {
   builderLike() {
-    Row(){
+    Row() {
       if (this.likeBean?.contentId) {
       if (this.likeBean?.contentId) {
         LikeComponent({
         LikeComponent({
           data: this.likeBean,
           data: this.likeBean,
@@ -88,13 +95,13 @@ export struct CarderInteraction {
    * */
    * */
   private async getContentDetailData() {
   private async getContentDetailData() {
     try {
     try {
-      let data = await MultiPictureDetailViewModel.getDetailData(this.contentDTO.relId, this.contentDTO.objectId, this.contentDTO.relType)
+      let data = await MultiPictureDetailViewModel.getDetailData(this.contentDTO.relId, this.contentDTO.objectId,
+        this.contentDTO.relType)
       this.contentDetailData = data[0];
       this.contentDetailData = data[0];
-      console.log('动态详情',JSON.stringify(this.contentDetailData))
+      console.log('动态详情', JSON.stringify(this.contentDetailData))
     } catch (exception) {
     } catch (exception) {
-      console.log('请求失败',JSON.stringify(exception))
+      console.log('请求失败', JSON.stringify(exception))
     }
     }
   }
   }
-
 }
 }
 
 

@@ -14,7 +14,6 @@ import { ZhSingleRow06 } from './compview/ZhSingleRow06';
 import { ZhSingleColumn04 } from './compview/ZhSingleColumn04';
 import { ZhSingleColumn04 } from './compview/ZhSingleColumn04';
 import { ZhSingleColumn09 } from './compview/ZhSingleColumn09';
 import { ZhSingleColumn09 } from './compview/ZhSingleColumn09';
 import { ZhGridLayout03 } from './compview/ZhGridLayout03';
 import { ZhGridLayout03 } from './compview/ZhGridLayout03';
-import { ZhCarouselLayout01 } from './compview/ZhCarouselLayout01';
 import { CardParser } from './CardParser';
 import { CardParser } from './CardParser';
 import { ZhGridLayout02 } from './compview/ZhGridLayout02';
 import { ZhGridLayout02 } from './compview/ZhGridLayout02';
 import { Card2Component } from './cardview/Card2Component';
 import { Card2Component } from './cardview/Card2Component';
@@ -23,6 +22,7 @@ import { WDRouterPage, WDRouterRule } from 'wdRouter/Index';
 import { AdvCardParser } from './cardViewAdv/AdvCardParser';
 import { AdvCardParser } from './cardViewAdv/AdvCardParser';
 import PageModel from '../viewmodel/PageModel';
 import PageModel from '../viewmodel/PageModel';
 import { LiveHorizontalCardComponent } from './view/LiveHorizontalCardComponent';
 import { LiveHorizontalCardComponent } from './view/LiveHorizontalCardComponent';
+import { ZhCarouselLayout01 } from './compview/ZhCarouselLayout01';
 
 
 /**
 /**
  * comp适配器.
  * comp适配器.
@@ -32,12 +32,12 @@ import { LiveHorizontalCardComponent } from './view/LiveHorizontalCardComponent'
 @Component
 @Component
 export struct CompParser {
 export struct CompParser {
   @State compDTO: CompDTO = {} as CompDTO
   @State compDTO: CompDTO = {} as CompDTO
-  @State private pageModel: PageModel = new PageModel();
   @State compIndex: number = 0;
   @State compIndex: number = 0;
+  @State private pageModel: PageModel = new PageModel();
 
 
   build() {
   build() {
     Column() {
     Column() {
-      if (this.compDTO.name !="月度排行卡") {
+      if (this.compDTO.name != "月度排行卡") {
 
 
         this.componentBuilder(this.compDTO, this.compIndex);
         this.componentBuilder(this.compDTO, this.compIndex);
       }
       }
@@ -53,7 +53,8 @@ export struct CompParser {
     } else if (compDTO.compStyle === CompStyle.Zh_Carousel_Layout_01) {
     } else if (compDTO.compStyle === CompStyle.Zh_Carousel_Layout_01) {
       ZhCarouselLayout01({ compDTO: compDTO })
       ZhCarouselLayout01({ compDTO: compDTO })
       Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 })
       Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 })
-    } else if (compDTO.compStyle === CompStyle.Zh_Single_Row_01 && compDTO.imageScale === 2) {// && compDTO.name ==="横划卡"
+    } else if (compDTO.compStyle === CompStyle.Zh_Single_Row_01 &&
+      compDTO.imageScale === 2) { // && compDTO.name ==="横划卡"
 
 
       LiveHorizontalCardComponent({ compDTO: compDTO })
       LiveHorizontalCardComponent({ compDTO: compDTO })
       Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 })
       Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 })
@@ -87,7 +88,7 @@ export struct CompParser {
       Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 })
       Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 })
     } else if (compDTO.compStyle === CompStyle.Zh_Single_Column_02) {
     } else if (compDTO.compStyle === CompStyle.Zh_Single_Column_02) {
       //头图卡 和comStyle 2相同，
       //头图卡 和comStyle 2相同，
-      Card5Component({ contentDTO: compDTO.operDataList[0] })
+      Card5Component({ contentDTO: compDTO.operDataList[0], titleShowPolicy: compDTO.titleShowPolicy })
       Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 })
       Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 })
     } else if (compDTO.compStyle === CompStyle.Zh_Single_Column_03) {
     } else if (compDTO.compStyle === CompStyle.Zh_Single_Column_03) {
       // 大图卡
       // 大图卡
@@ -107,10 +108,9 @@ export struct CompParser {
       //Text(`compIndex = ${compIndex}`).width('100%').fontSize('12fp').fontColor(Color.Red).padding({ left: 16, right: 16 })
       //Text(`compIndex = ${compIndex}`).width('100%').fontSize('12fp').fontColor(Color.Red).padding({ left: 16, right: 16 })
       Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 })
       Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 })
     } else if (!Number.isNaN(Number(compDTO.compStyle))) {
     } else if (!Number.isNaN(Number(compDTO.compStyle))) {
-      CardParser({ contentDTO: compDTO.operDataList[0] });
+      CardParser({ contentDTO: compDTO.operDataList[0], compDTO });
       Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 })
       Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 })
-    }
-    else {
+    } else {
       Text(compDTO.compStyle)
       Text(compDTO.compStyle)
         .width(CommonConstants.FULL_PARENT)
         .width(CommonConstants.FULL_PARENT)
         .padding(10)
         .padding(10)

-import { AccountManagerUtils, Logger, DateTimeUtils, SPHelper, NumberFormatterUtils, DisplayUtils,
-  NetworkUtil  } from 'wdKit';
+import {
+  AccountManagerUtils,
+  Logger,
+  DateTimeUtils,
+  SPHelper,
+  NumberFormatterUtils,
+  DisplayUtils,
+  NetworkUtil,
+  FastClickUtil
+} from 'wdKit';
 import { MultiPictureDetailViewModel } from '../viewmodel/MultiPictureDetailViewModel';
 import { MultiPictureDetailViewModel } from '../viewmodel/MultiPictureDetailViewModel';
-import { ContentDetailDTO,postBatchAttentionStatusParams,
+import {
+  ContentDetailDTO,
+  postBatchAttentionStatusParams,
   PhotoListBean,
   PhotoListBean,
   ContentDTO,
   ContentDTO,
   batchLikeAndCollectResult,
   batchLikeAndCollectResult,
   RmhInfoDTO,
   RmhInfoDTO,
-  InteractDataDTO, } from 'wdBean';
+  InteractDataDTO,
+} from 'wdBean';
 import media from '@ohos.multimedia.media';
 import media from '@ohos.multimedia.media';
 import { OperRowListView } from './view/OperRowListView';
 import { OperRowListView } from './view/OperRowListView';
 import { WDPlayerController } from 'wdPlayer/Index';
 import { WDPlayerController } from 'wdPlayer/Index';
@@ -33,6 +44,7 @@ import { detailedSkeleton } from './skeleton/detailSkeleton';
 
 
 const TAG = 'DynamicDetailComponent'
 const TAG = 'DynamicDetailComponent'
 const PATTERN_DATE_CN_RN: string = 'yyyy年MM月dd日 HH:mm';
 const PATTERN_DATE_CN_RN: string = 'yyyy年MM月dd日 HH:mm';
+
 // @Preview
 // @Preview
 @Component
 @Component
 export struct DynamicDetailComponent {
 export struct DynamicDetailComponent {
@@ -40,39 +52,35 @@ export struct DynamicDetailComponent {
   private relId: string = ''
   private relId: string = ''
   private contentId: string = ''
   private contentId: string = ''
   private relType: string = ''
   private relType: string = ''
-
   //出参
   //出参
-  @State contentDetailData: ContentDetailDTO = {} as ContentDetailDTO
+  @Provide contentDetailData: ContentDetailDTO = {} as ContentDetailDTO
   //UI
   //UI
   scroller: Scroller = new Scroller();
   scroller: Scroller = new Scroller();
-
   //点赞 收藏 评论 数量
   //点赞 收藏 评论 数量
-  @State interactDataDTO: InteractDataDTO = {likeNum:0} as InteractDataDTO
+  @State interactDataDTO: InteractDataDTO = { likeNum: 0 } as InteractDataDTO
   /**
   /**
    * 关注状态：默认未关注 点击去关注
    * 关注状态：默认未关注 点击去关注
    */
    */
   @State followStatus: String = '';
   @State followStatus: String = '';
-
-  @State newsStatusOfUser: batchLikeAndCollectResult = {} as batchLikeAndCollectResult// 点赞、收藏状态
+  @State newsStatusOfUser: batchLikeAndCollectResult = {} as batchLikeAndCollectResult // 点赞、收藏状态
   //跳转
   //跳转
   private mJumpInfo: ContentDTO = new ContentDTO();
   private mJumpInfo: ContentDTO = new ContentDTO();
-
   @State publishTime: string = ''
   @State publishTime: string = ''
   @State isNetConnected: boolean = true
   @State isNetConnected: boolean = true
   @State isPageEnd: boolean = false
   @State isPageEnd: boolean = false
-
   @State publishCommentModel: publishCommentModel = new publishCommentModel()
   @State publishCommentModel: publishCommentModel = new publishCommentModel()
-
+  @State reachEndIncreament: number = 0
 
 
   async aboutToAppear() {
   async aboutToAppear() {
     await this.getContentDetailData()
     await this.getContentDetailData()
   }
   }
+
   onPageHide() {
   onPageHide() {
 
 
   }
   }
 
 
   build() {
   build() {
-      Column(){
+    Column() {
       //logo、日期
       //logo、日期
       Row() {
       Row() {
         Image($r('app.media.ic_article_rmh'))
         Image($r('app.media.ic_article_rmh'))
@@ -89,12 +97,13 @@ export struct DynamicDetailComponent {
       .height($r('app.float.margin_48'))
       .height($r('app.float.margin_48'))
       .width('100%')
       .width('100%')
       .alignItems(VerticalAlign.Bottom)
       .alignItems(VerticalAlign.Bottom)
-        .padding({bottom:5})
+      .padding({ bottom: 5 })
+
       //分割线
       //分割线
       Image($r('app.media.ic_news_detail_division'))
       Image($r('app.media.ic_news_detail_division'))
         .width('100%')
         .width('100%')
         .height($r('app.float.margin_7'))
         .height($r('app.float.margin_7'))
-            .padding({left: $r('app.float.margin_16'), right: $r('app.float.margin_16')} )
+        .padding({ left: $r('app.float.margin_16'), right: $r('app.float.margin_16') })
       Stack({ alignContent: Alignment.Bottom }) {
       Stack({ alignContent: Alignment.Bottom }) {
         if (!this.isNetConnected) {
         if (!this.isNetConnected) {
           EmptyComponent({
           EmptyComponent({
@@ -107,7 +116,7 @@ export struct DynamicDetailComponent {
         } else {
         } else {
           if (!this.isPageEnd) {
           if (!this.isPageEnd) {
             detailedSkeleton()
             detailedSkeleton()
-            }else{
+          } else {
             Scroll(this.scroller) {
             Scroll(this.scroller) {
               Column() {
               Column() {
                 //号主信息
                 //号主信息
@@ -115,7 +124,8 @@ export struct DynamicDetailComponent {
                   //头像
                   //头像
                   Stack() {
                   Stack() {
                     Image(this.contentDetailData.rmhInfo?.rmhHeadUrl)
                     Image(this.contentDetailData.rmhInfo?.rmhHeadUrl)
-                        .alt(this.contentDetailData.rmhInfo?.userType=='1'?$r('app.media.default_head'):$r('app.media.icon_default_head_mater'))
+                      .alt(this.contentDetailData.rmhInfo?.userType == '1' ? $r('app.media.default_head') :
+                      $r('app.media.icon_default_head_mater'))
                       .width($r('app.float.margin_32'))
                       .width($r('app.float.margin_32'))
                       .height($r('app.float.margin_32'))
                       .height($r('app.float.margin_32'))
                       .objectFit(ImageFit.Cover)
                       .objectFit(ImageFit.Cover)
@@ -125,7 +135,7 @@ export struct DynamicDetailComponent {
                       .height($r('app.float.margin_48'))
                       .height($r('app.float.margin_48'))
                       .objectFit(ImageFit.Cover)
                       .objectFit(ImageFit.Cover)
                       .borderRadius($r('app.float.margin_24'))
                       .borderRadius($r('app.float.margin_24'))
-                      if(!StringUtils.isEmpty(this.contentDetailData.rmhInfo?.authIcon)){
+                    if (!StringUtils.isEmpty(this.contentDetailData.rmhInfo?.authIcon)) {
                       Stack() {
                       Stack() {
                         Image(this.contentDetailData.rmhInfo?.authIcon)
                         Image(this.contentDetailData.rmhInfo?.authIcon)
                           .width($r('app.float.vp_12'))
                           .width($r('app.float.vp_12'))
@@ -140,10 +150,16 @@ export struct DynamicDetailComponent {
                   .width($r('app.float.margin_48'))
                   .width($r('app.float.margin_48'))
                   .height($r('app.float.margin_48'))
                   .height($r('app.float.margin_48'))
                   .alignContent(Alignment.Center)
                   .alignContent(Alignment.Center)
-                    .onClick(() => {
-                      ProcessUtils.gotoPeopleShipHomePage(this.contentDetailData.rmhInfo == null ?"":this.contentDetailData.rmhInfo.rmhId)
+                  .onClick(async () => {
+                    let retvalue = await FastClickUtil.isMinDelayTime()
+                    if(retvalue){
+                      return
+                    }
+                    ProcessUtils.gotoPeopleShipHomePage(this.contentDetailData.rmhInfo == null ? "" :
+                    this.contentDetailData.rmhInfo.rmhId)
                   })
                   })
-                    Column(){
+
+                  Column() {
                     //昵称
                     //昵称
                     Text(this.contentDetailData.rmhInfo?.rmhName)
                     Text(this.contentDetailData.rmhInfo?.rmhName)
                       .fontSize($r('app.float.font_size_14'))
                       .fontSize($r('app.float.font_size_14'))
@@ -162,15 +178,16 @@ export struct DynamicDetailComponent {
                       .alignSelf(ItemAlign.Start)
                       .alignSelf(ItemAlign.Start)
                   }
                   }
                   .width('63%')
                   .width('63%')
-                    .margin({right: $r('app.float.margin_6')})
-                    if(!StringUtils.isEmpty(this.followStatus)){
+                  .margin({ right: $r('app.float.margin_6') })
+
+                  if (!StringUtils.isEmpty(this.followStatus)) {
                     if (this.followStatus == '0') {
                     if (this.followStatus == '0') {
                       Row() {
                       Row() {
                         Blank().layoutWeight(1)
                         Blank().layoutWeight(1)
                         Image($r('app.media.icon_add_attention'))
                         Image($r('app.media.icon_add_attention'))
                           .width($r('app.float.vp_12'))
                           .width($r('app.float.vp_12'))
                           .height($r('app.float.vp_12'))
                           .height($r('app.float.vp_12'))
-                            .margin({right:2})
+                          .margin({ right: 2 })
                         Text('关注')
                         Text('关注')
                           .textAlign(TextAlign.Center)
                           .textAlign(TextAlign.Center)
                           .fontSize($r('app.float.font_size_12'))
                           .fontSize($r('app.float.font_size_12'))
@@ -181,7 +198,11 @@ export struct DynamicDetailComponent {
                       .height($r('app.float.margin_24'))
                       .height($r('app.float.margin_24'))
                       .borderRadius($r('app.float.vp_3'))
                       .borderRadius($r('app.float.vp_3'))
                       .backgroundColor($r('app.color.color_ED2800'))
                       .backgroundColor($r('app.color.color_ED2800'))
-                        .onClick(() => {
+                      .onClick(async () => {
+                        let retvalue = await FastClickUtil.isMinDelayTime()
+                        if(retvalue){
+                          return
+                        }
                         this.handleAccention()
                         this.handleAccention()
                       })
                       })
                     } else {
                     } else {
@@ -195,30 +216,37 @@ export struct DynamicDetailComponent {
                         .borderColor($r('app.color.color_CCCCCC_1A'))
                         .borderColor($r('app.color.color_CCCCCC_1A'))
                         .backgroundColor($r('app.color.color_CCCCCC_1A'))
                         .backgroundColor($r('app.color.color_CCCCCC_1A'))
                         .fontColor($r('app.color.color_CCCCCC'))
                         .fontColor($r('app.color.color_CCCCCC'))
-                          .onClick(() => {
+                        .onClick(async () => {
+                          let retvalue = await FastClickUtil.isMinDelayTime()
+                          if(retvalue){
+                            return
+                          }
                           this.handleAccention()
                           this.handleAccention()
                         })
                         })
                     }
                     }
                   }
                   }
                 }
                 }
                 .width('100%')
                 .width('100%')
-                  .margin({ left: $r('app.float.margin_16')})
+                .margin({ left: $r('app.float.margin_16') })
+
                 //内容
                 //内容
                 Text(StringUtils.isEmpty(this.contentDetailData.newsContent)
                 Text(StringUtils.isEmpty(this.contentDetailData.newsContent)
-                    ?StringUtils.isEmpty(this.contentDetailData.newsSummary)
-                      ?this.contentDetailData.newsTitle
-                      :this.contentDetailData.newsSummary
-                    :this.contentDetailData.newsContent)
+                  ? StringUtils.isEmpty(this.contentDetailData.newsSummary)
+                    ? this.contentDetailData.newsTitle
+                    : this.contentDetailData.newsSummary
+                  : this.contentDetailData.newsContent)
                   .fontColor($r('app.color.color_222222'))
                   .fontColor($r('app.color.color_222222'))
                   .fontSize($r('app.float.font_size_18'))
                   .fontSize($r('app.float.font_size_18'))
                   .lineHeight($r('app.float.margin_25'))
                   .lineHeight($r('app.float.margin_25'))
-                    .margin({ top: $r('app.float.margin_6')
-                    ,left: $r('app.float.margin_16')
-                    ,right: $r('app.float.margin_16') })
+                  .margin({
+                    top: $r('app.float.margin_6')
+                  , left: $r('app.float.margin_16')
+                  , right: $r('app.float.margin_16')
+                  })
                   .alignSelf(ItemAlign.Start)
                   .alignSelf(ItemAlign.Start)
-                  if(this.contentDetailData.newsType+"" == ContentConstants.TYPE_FOURTEEN){
+                if (this.contentDetailData.newsType + "" == ContentConstants.TYPE_FOURTEEN) {
                   //附件内容：图片/视频
                   //附件内容：图片/视频
-                    if(this.contentDetailData.photoList!= null && this.contentDetailData.photoList.length>0){
+                  if (this.contentDetailData.photoList != null && this.contentDetailData.photoList.length > 0) {
                     // 图片-从无图到9图展示
                     // 图片-从无图到9图展示
                     GridRow({
                     GridRow({
                       gutter: { x: 2, y: 2 }
                       gutter: { x: 2, y: 2 }
@@ -228,7 +256,7 @@ export struct DynamicDetailComponent {
                           if (this.getPicType(item) !== 3) {
                           if (this.getPicType(item) !== 3) {
                             GridCol({
                             GridCol({
                               span: this.getPicType(item) === 1 ? 12 : 8
                               span: this.getPicType(item) === 1 ? 12 : 8
-                              }){
+                            }) {
                               Stack({
                               Stack({
                                 alignContent: Alignment.BottomEnd
                                 alignContent: Alignment.BottomEnd
                               }) {
                               }) {
@@ -249,7 +277,7 @@ export struct DynamicDetailComponent {
                                   Image($r('app.media.icon_long_pic'))
                                   Image($r('app.media.icon_long_pic'))
                                     .width(14)
                                     .width(14)
                                     .height(14)
                                     .height(14)
-                                      .margin({right: 4})
+                                    .margin({ right: 4 })
                                   Text('长图')
                                   Text('长图')
                                     .fontSize(12)
                                     .fontSize(12)
                                     .fontWeight(400)
                                     .fontWeight(400)
@@ -257,12 +285,16 @@ export struct DynamicDetailComponent {
                                     .fontFamily('PingFang SC')
                                     .fontFamily('PingFang SC')
                                 }
                                 }
                                 .width(48)
                                 .width(48)
-                                  .padding({bottom: 9})
+                                .padding({ bottom: 9 })
 
 
                               }
                               }
                             }
                             }
-                              .onClick((event: ClickEvent) => {
-                                ProcessUtils.gotoMultiPictureListPage(this.contentDetailData.photoList,index)
+                            .onClick(async (event: ClickEvent) => {
+                              let retvalue = await FastClickUtil.isMinDelayTime()
+                              if(retvalue){
+                                return
+                              }
+                              ProcessUtils.gotoMultiPictureListPage(this.contentDetailData.photoList, index)
                             })
                             })
                           } else {
                           } else {
                             GridCol({
                             GridCol({
@@ -278,8 +310,12 @@ export struct DynamicDetailComponent {
                                   item.height = callback?.height || 0;
                                   item.height = callback?.height || 0;
                                 })
                                 })
                             }
                             }
-                              .onClick((event: ClickEvent) => {
-                                ProcessUtils.gotoMultiPictureListPage(this.contentDetailData.photoList,index)
+                            .onClick(async (event: ClickEvent) => {
+                              let retvalue = await FastClickUtil.isMinDelayTime()
+                              if(retvalue){
+                                return
+                              }
+                              ProcessUtils.gotoMultiPictureListPage(this.contentDetailData.photoList, index)
                             })
                             })
                           }
                           }
                         } else if (this.contentDetailData.photoList.length === 4) {
                         } else if (this.contentDetailData.photoList.length === 4) {
@@ -290,8 +326,12 @@ export struct DynamicDetailComponent {
                               .aspectRatio(1)
                               .aspectRatio(1)
                               .borderRadius(this.caclImageRadius(index))
                               .borderRadius(this.caclImageRadius(index))
                           }
                           }
-                            .onClick((event: ClickEvent) => {
-                              ProcessUtils.gotoMultiPictureListPage(this.contentDetailData.photoList,index)
+                          .onClick(async (event: ClickEvent) => {
+                            let retvalue = await FastClickUtil.isMinDelayTime()
+                            if(retvalue){
+                              return
+                            }
+                            ProcessUtils.gotoMultiPictureListPage(this.contentDetailData.photoList, index)
                           })
                           })
                         } else {
                         } else {
                           GridCol({
                           GridCol({
@@ -301,16 +341,24 @@ export struct DynamicDetailComponent {
                               .aspectRatio(1)
                               .aspectRatio(1)
                               .borderRadius(this.caclImageRadius(index))
                               .borderRadius(this.caclImageRadius(index))
                           }
                           }
-                            .onClick((event: ClickEvent) => {
-                              ProcessUtils.gotoMultiPictureListPage(this.contentDetailData.photoList,index)
+                          .onClick(async (event: ClickEvent) => {
+                            let retvalue = await FastClickUtil.isMinDelayTime()
+                            if(retvalue){
+                              return
+                            }
+                            ProcessUtils.gotoMultiPictureListPage(this.contentDetailData.photoList, index)
                           })
                           })
                         }
                         }
                       })
                       })
                     }
                     }
-                      .margin({ left: $r('app.float.margin_16'),right: $r('app.float.margin_16'),top: $r('app.float.margin_8')})
+                    .margin({
+                      left: $r('app.float.margin_16'),
+                      right: $r('app.float.margin_16'),
+                      top: $r('app.float.margin_8')
+                    })
                   }
                   }
-                  }else{
-                    if(this.contentDetailData.videoInfo!= null && this.contentDetailData.videoInfo.length>0){
+                } else {
+                  if (this.contentDetailData.videoInfo != null && this.contentDetailData.videoInfo.length > 0) {
                     GridRow() {
                     GridRow() {
                       if (this.contentDetailData.videoInfo[0].videoLandScape === 1) {
                       if (this.contentDetailData.videoInfo[0].videoLandScape === 1) {
                         // 横屏
                         // 横屏
@@ -318,11 +366,13 @@ export struct DynamicDetailComponent {
                           span: { xs: 12 }
                           span: { xs: 12 }
                         }) {
                         }) {
                           Stack() {
                           Stack() {
-                              Image(this.contentDetailData.fullColumnImgUrls!= null && this.contentDetailData.fullColumnImgUrls.length>0&&!StringUtils.isEmpty(this.contentDetailData.fullColumnImgUrls[0].url)?
-                              this.contentDetailData.fullColumnImgUrls[0].url:
+                            Image(this.contentDetailData.fullColumnImgUrls != null &&
+                              this.contentDetailData.fullColumnImgUrls.length > 0 &&
+                              !StringUtils.isEmpty(this.contentDetailData.fullColumnImgUrls[0].url) ?
+                            this.contentDetailData.fullColumnImgUrls[0].url :
                             this.contentDetailData.videoInfo[0].firstFrameImageUri)
                             this.contentDetailData.videoInfo[0].firstFrameImageUri)
-                                .width(DisplayUtils.getDeviceWidth()- 32)
-                                .height((DisplayUtils.getDeviceWidth()-32)* 9 / 16)
+                              .width(DisplayUtils.getDeviceWidth() - 32)
+                              .height((DisplayUtils.getDeviceWidth() - 32) * 9 / 16)
                               .borderRadius($r('app.float.image_border_radius'))
                               .borderRadius($r('app.float.image_border_radius'))
                             CardMediaInfo({ contentDTO: this.mJumpInfo })
                             CardMediaInfo({ contentDTO: this.mJumpInfo })
                           }
                           }
@@ -334,11 +384,13 @@ export struct DynamicDetailComponent {
                           span: { xs: 6 }
                           span: { xs: 6 }
                         }) {
                         }) {
                           Stack() {
                           Stack() {
-                              Image(this.contentDetailData.fullColumnImgUrls!= null && this.contentDetailData.fullColumnImgUrls.length>0&&!StringUtils.isEmpty(this.contentDetailData.fullColumnImgUrls[0].url)?
-                              this.contentDetailData.fullColumnImgUrls[0].url:
+                            Image(this.contentDetailData.fullColumnImgUrls != null &&
+                              this.contentDetailData.fullColumnImgUrls.length > 0 &&
+                              !StringUtils.isEmpty(this.contentDetailData.fullColumnImgUrls[0].url) ?
+                            this.contentDetailData.fullColumnImgUrls[0].url :
                             this.contentDetailData.videoInfo[0].firstFrameImageUri)
                             this.contentDetailData.videoInfo[0].firstFrameImageUri)
-                                .width(DisplayUtils.getDeviceWidth()/2)
-                                .height(DisplayUtils.getDeviceWidth()/2* 4 / 3)
+                              .width(DisplayUtils.getDeviceWidth() / 2)
+                              .height(DisplayUtils.getDeviceWidth() / 2 * 4 / 3)
                               .borderRadius($r('app.float.image_border_radius'))
                               .borderRadius($r('app.float.image_border_radius'))
                             CardMediaInfo({ contentDTO: this.mJumpInfo })
                             CardMediaInfo({ contentDTO: this.mJumpInfo })
                           }
                           }
@@ -346,8 +398,15 @@ export struct DynamicDetailComponent {
                         }
                         }
                       }
                       }
                     }
                     }
-                      .padding({ left: this.contentDetailData.videoInfo[0].videoLandScape === 1?0: 25,top: $r('app.float.margin_8')})
-                      .onClick((event: ClickEvent) => {
+                    .padding({
+                      left: this.contentDetailData.videoInfo[0].videoLandScape === 1 ? 0 : 25,
+                      top: $r('app.float.margin_8')
+                    })
+                    .onClick(async (event: ClickEvent) => {
+                      let retvalue = await FastClickUtil.isMinDelayTime()
+                      if(retvalue){
+                        return
+                      }
                       ProcessUtils.processPage(this.mJumpInfo)
                       ProcessUtils.processPage(this.mJumpInfo)
                     })
                     })
                   }
                   }
@@ -357,9 +416,11 @@ export struct DynamicDetailComponent {
                   .fontColor($r('app.color.color_CCCCCC'))
                   .fontColor($r('app.color.color_CCCCCC'))
                   .fontSize($r('app.float.font_size_12'))
                   .fontSize($r('app.float.font_size_12'))
                   .lineHeight($r('app.float.margin_16'))
                   .lineHeight($r('app.float.margin_16'))
-                    .margin({ top: $r('app.float.margin_16')
-                    ,left: $r('app.float.vp_12')
-                    ,right: $r('app.float.vp_12') })
+                  .margin({
+                    top: $r('app.float.margin_16')
+                  , left: $r('app.float.vp_12')
+                  , right: $r('app.float.vp_12')
+                  })
                 //微信/朋友圈/微博
                 //微信/朋友圈/微博
                 // Row(){
                 // Row(){
                 //   Image($r('app.media.xxhdpi_pic_wechat'))
                 //   Image($r('app.media.xxhdpi_pic_wechat'))
@@ -379,37 +440,42 @@ export struct DynamicDetailComponent {
                 // }
                 // }
                 // .margin({ top: $r('app.float.margin_24')})
                 // .margin({ top: $r('app.float.margin_24')})
                 //点赞
                 //点赞
-                  Row(){
+                Row() {
                   Blank().layoutWeight(1)
                   Blank().layoutWeight(1)
-                    Image(this.newsStatusOfUser?.likeStatus == '1'?
+                  Image(this.newsStatusOfUser?.likeStatus == '1' ?
                   $r('app.media.icon_like_selected_redheart')
                   $r('app.media.icon_like_selected_redheart')
-                      :$r('app.media.icon_like_unselect_grey_redheart'))
+                    : $r('app.media.icon_like_unselect_grey_redheart'))
                     .width($r('app.float.margin_36'))
                     .width($r('app.float.margin_36'))
                     .height($r('app.float.margin_36'))
                     .height($r('app.float.margin_36'))
                     .objectFit(ImageFit.Cover)
                     .objectFit(ImageFit.Cover)
-                      .margin({ left: $r('app.float.margin_6_negative'),right: $r('app.float.margin_6_negative')})
-                    if(this.interactDataDTO?.likeNum != 0){
+                    .margin({ left: $r('app.float.margin_6_negative'), right: $r('app.float.margin_6_negative') })
+                  if (this.interactDataDTO?.likeNum != 0) {
                     Text(NumberFormatterUtils.formatNumberWithWan(this.interactDataDTO?.likeNum))
                     Text(NumberFormatterUtils.formatNumberWithWan(this.interactDataDTO?.likeNum))
                       .fontColor($r('app.color.color_999999'))
                       .fontColor($r('app.color.color_999999'))
                       .fontSize($r('app.float.font_size_16'))
                       .fontSize($r('app.float.font_size_16'))
                       .lineHeight($r('app.float.margin_20'))
                       .lineHeight($r('app.float.margin_20'))
-                        .margin({ left: $r('app.float.margin_2')})
+                      .margin({ left: $r('app.float.margin_2') })
                   }
                   }
                   Blank().layoutWeight(1)
                   Blank().layoutWeight(1)
                 }
                 }
                 .width($r('app.float.margin_154'))
                 .width($r('app.float.margin_154'))
                 .height($r('app.float.margin_40'))
                 .height($r('app.float.margin_40'))
-                  .margin({top:$r('app.float.margin_16')})
+                .margin({ top: $r('app.float.margin_16') })
                 .borderWidth($r('app.float.margin_1'))
                 .borderWidth($r('app.float.margin_1'))
                 .borderColor($r('app.color.color_EDEDED'))
                 .borderColor($r('app.color.color_EDEDED'))
                 .borderRadius($r('app.float.margin_20'))
                 .borderRadius($r('app.float.margin_20'))
-                  .onClick((event: ClickEvent) => {
+                .onClick(async (event: ClickEvent) => {
+                  let retvalue = await FastClickUtil.isMinDelayTime()
+                  if(retvalue){
+                    return
+                  }
                   //点赞操作
                   //点赞操作
                   this.toggleLikeStatus()
                   this.toggleLikeStatus()
                 })
                 })
+
                 // 评论
                 // 评论
                 if (this.contentDetailData?.openComment) {
                 if (this.contentDetailData?.openComment) {
-                    Divider().strokeWidth(6).color('#f5f5f5').margin({top:$r('app.float.margin_24')})
+                  Divider().strokeWidth(6).color('#f5f5f5').margin({ top: $r('app.float.margin_24') })
                   CommentComponent({
                   CommentComponent({
                     publishCommentModel: {
                     publishCommentModel: {
                       targetId: String(this.contentDetailData?.newsId || ''),
                       targetId: String(this.contentDetailData?.newsId || ''),
@@ -447,11 +513,19 @@ export struct DynamicDetailComponent {
     .width('100%')
     .width('100%')
     .height('100%')
     .height('100%')
   }
   }
+
   /**
   /**
    * 请求（动态）详情页数据
    * 请求（动态）详情页数据
    * */
    * */
   private async getContentDetailData() {
   private async getContentDetailData() {
     this.isNetConnected = NetworkUtil.isNetConnected()
     this.isNetConnected = NetworkUtil.isNetConnected()
+    this.publishCommentModel.targetId = String(this.contentDetailData?.newsId || '')
+    this.publishCommentModel.targetRelId = String(this.contentDetailData?.reLInfo?.relId)
+    this.publishCommentModel.targetTitle = this.contentDetailData?.newsTitle
+    this.publishCommentModel.targetRelType = String(this.contentDetailData?.reLInfo?.relType)
+    this.publishCommentModel.targetRelObjectId = String(this.contentDetailData?.reLInfo?.relObjectId)
+    this.publishCommentModel.keyArticle = String(this.contentDetailData?.keyArticle)
+    this.publishCommentModel.targetType = String(this.contentDetailData?.newsType)
     try {
     try {
       let data = await MultiPictureDetailViewModel.getDetailData(this.relId, this.contentId, this.relType)
       let data = await MultiPictureDetailViewModel.getDetailData(this.relId, this.contentId, this.relType)
       this.isPageEnd = true;
       this.isPageEnd = true;
@@ -460,9 +534,9 @@ export struct DynamicDetailComponent {
         DateTimeUtils.parseDate(this.contentDetailData?.publishTime, DateTimeUtils.PATTERN_DATE_TIME_HYPHEN);
         DateTimeUtils.parseDate(this.contentDetailData?.publishTime, DateTimeUtils.PATTERN_DATE_TIME_HYPHEN);
       let _publishTime = DateTimeUtils.formatDate(dateTime, PATTERN_DATE_CN_RN)
       let _publishTime = DateTimeUtils.formatDate(dateTime, PATTERN_DATE_CN_RN)
       this.publishTime = DateTimeUtils.removeTrailingZeros(_publishTime)
       this.publishTime = DateTimeUtils.removeTrailingZeros(_publishTime)
-      console.log('动态详情',JSON.stringify(this.contentDetailData))
+      console.log('动态详情', JSON.stringify(this.contentDetailData))
     } catch (exception) {
     } catch (exception) {
-    console.log('请求失败',JSON.stringify(exception))
+      console.log('请求失败', JSON.stringify(exception))
       this.isPageEnd = true;
       this.isPageEnd = true;
     }
     }
     this.getBatchAttentionStatus()
     this.getBatchAttentionStatus()
@@ -471,10 +545,11 @@ export struct DynamicDetailComponent {
     this.interactDataV2()
     this.interactDataV2()
   }
   }
 
 
-
   private async interactDataV2() {
   private async interactDataV2() {
     this.interactDataDTO = await MultiPictureDetailViewModel.interactDataV2(
     this.interactDataDTO = await MultiPictureDetailViewModel.interactDataV2(
-      this.contentDetailData?.newsId+'',this.contentDetailData?.newsType+'',this.contentDetailData.reLInfo == null ?'':this.contentDetailData.reLInfo?.relId,this.contentDetailData.rmhPlatform)
+      this.contentDetailData?.newsId + '', this.contentDetailData?.newsType + '',
+      this.contentDetailData.reLInfo == null ? '' : this.contentDetailData.reLInfo?.relId,
+      this.contentDetailData.rmhPlatform)
   }
   }
 
 
   // 已登录->查询用户对作品点赞、收藏状态
   // 已登录->查询用户对作品点赞、收藏状态
@@ -526,18 +601,19 @@ export struct DynamicDetailComponent {
   }
   }
 
 
   //创建跳转信息
   //创建跳转信息
-  makeJumpInfo(){
+  makeJumpInfo() {
     this.mJumpInfo.pageId = 'dynamicDetailPage'
     this.mJumpInfo.pageId = 'dynamicDetailPage'
-    this.mJumpInfo.objectId = this.contentDetailData.newsId+""
-    this.mJumpInfo.relType = this.contentDetailData.reLInfo?.relType+""
-    this.mJumpInfo.relId = this.contentDetailData.reLInfo?.relId+""
-    this.mJumpInfo.objectType = (this.contentDetailData.newsType+"") == ContentConstants.TYPE_FOURTEEN?this.contentDetailData.newsType+"":ContentConstants.TYPE_VOD
-    if(this.contentDetailData.videoInfo!= null && this.contentDetailData.videoInfo.length>0){
+    this.mJumpInfo.objectId = this.contentDetailData.newsId + ""
+    this.mJumpInfo.relType = this.contentDetailData.reLInfo?.relType + ""
+    this.mJumpInfo.relId = this.contentDetailData.reLInfo?.relId + ""
+    this.mJumpInfo.objectType =
+      (this.contentDetailData.newsType + "") == ContentConstants.TYPE_FOURTEEN ? this.contentDetailData.newsType + "" :
+      ContentConstants.TYPE_VOD
+    if (this.contentDetailData.videoInfo != null && this.contentDetailData.videoInfo.length > 0) {
       this.mJumpInfo.videoInfo = this.contentDetailData.videoInfo[0]
       this.mJumpInfo.videoInfo = this.contentDetailData.videoInfo[0]
     }
     }
   }
   }
 
 
-
   caclImageRadius(index: number) {
   caclImageRadius(index: number) {
     let radius: radiusType = {
     let radius: radiusType = {
       topLeft: index === 0 ? $r('app.float.image_border_radius') : 0,
       topLeft: index === 0 ? $r('app.float.image_border_radius') : 0,
@@ -561,11 +637,11 @@ export struct DynamicDetailComponent {
     return radius
     return radius
   }
   }
 
 
-  getPicType(item: PhotoListBean){
+  getPicType(item: PhotoListBean) {
     if (item.width && item.width) {
     if (item.width && item.width) {
-      if (item.width / item.height > 343/172) {
+      if (item.width / item.height > 343 / 172) {
         return 1; //横长图
         return 1; //横长图
-      } else if (item.height / item.width > 305/228) {
+      } else if (item.height / item.width > 305 / 228) {
         return 2; //竖长图
         return 2; //竖长图
       } else {
       } else {
         return 3
         return 3
@@ -590,7 +666,7 @@ export struct DynamicDetailComponent {
       attentionUserType: this.contentDetailData?.rmhInfo?.userType || '', //被关注用户类型（1 普通用户 2 视频号 3 矩阵号）
       attentionUserType: this.contentDetailData?.rmhInfo?.userType || '', //被关注用户类型（1 普通用户 2 视频号 3 矩阵号）
       attentionUserId: this.contentDetailData?.rmhInfo?.userId || '', // 被关注用户号主id
       attentionUserId: this.contentDetailData?.rmhInfo?.userId || '', // 被关注用户号主id
       attentionCreatorId: this.contentDetailData?.rmhInfo?.rmhId || '', // 被关注用户号主id
       attentionCreatorId: this.contentDetailData?.rmhInfo?.rmhId || '', // 被关注用户号主id
-      status: this.followStatus == '0'? 1:0,
+      status: this.followStatus == '0' ? 1 : 0,
     }
     }
     ContentDetailRequest.postInteractAccentionOperate(params2).then(res => {
     ContentDetailRequest.postInteractAccentionOperate(params2).then(res => {
       console.log('关注号主==', JSON.stringify(res.data))
       console.log('关注号主==', JSON.stringify(res.data))

@@ -9,7 +9,7 @@ import font from '@ohos.font';
 import { ENewspaperPageDialog } from '../dialog/ENewspaperPageDialog';
 import { ENewspaperPageDialog } from '../dialog/ENewspaperPageDialog';
 import { RMCalendarBean } from './calendar/RMCalendarBean';
 import { RMCalendarBean } from './calendar/RMCalendarBean';
 import { newsSkeleton } from './skeleton/newsSkeleton';
 import { newsSkeleton } from './skeleton/newsSkeleton';
-import { Logger, ToastUtils } from 'wdKit/Index';
+import { Logger, ToastUtils, NetworkUtil } from 'wdKit/Index';
 
 
 @Component
 @Component
 export struct ENewspaperPageComponent {
 export struct ENewspaperPageComponent {
@@ -82,6 +82,12 @@ export struct ENewspaperPageComponent {
     this.screenWidth = this.displayTool.width
     this.screenWidth = this.displayTool.width
     this.picWidth = this.screenWidth - vp2px(52)
     this.picWidth = this.screenWidth - vp2px(52)
     this.picHeight = this.picWidth * 566 / 378
     this.picHeight = this.picWidth * 566 / 378
+    // 默认日期
+    const date = new Date()
+    const month = date.getMonth() + 1
+    const day = date.getDate()
+    this.calendarDate =
+      `${date.getFullYear()}-${month > 9 ? month : '0' + month}-${day > 9 ? day : '0' + day}`
     //注册字体
     //注册字体
     font.registerFont({
     font.registerFont({
       familyName: 'BebasNeueBold',
       familyName: 'BebasNeueBold',
@@ -142,7 +148,7 @@ export struct ENewspaperPageComponent {
                 this.calendarDialogController.close()
                 this.calendarDialogController.close()
               }
               }
           })
           })
-
+          if (this.newspaperListBean && this.newspaperListBean.list && this.newspaperListBean.list.length > 0) {
             Image($r('app.media.icon_share'))
             Image($r('app.media.icon_share'))
               .height($r('app.float.top_arrow_size'))
               .height($r('app.float.top_arrow_size'))
               .width($r('app.float.top_arrow_size'))
               .width($r('app.float.top_arrow_size'))
@@ -155,6 +161,7 @@ export struct ENewspaperPageComponent {
                 ToastUtils.showToast('分享为公共方法，待开发', 1000);
                 ToastUtils.showToast('分享为公共方法，待开发', 1000);
               })
               })
           }
           }
+        }
         .margin({ left: $r('app.float.margin_16'), right: $r('app.float.margin_16') })
         .margin({ left: $r('app.float.margin_16'), right: $r('app.float.margin_16') })
         .height($r('app.float.top_bar_height'))
         .height($r('app.float.top_bar_height'))
         .alignRules({
         .alignRules({
@@ -260,12 +267,16 @@ export struct ENewspaperPageComponent {
         })
         })
         .id('e_newspaper_page_num')
         .id('e_newspaper_page_num')
         .onClick((event: ClickEvent) => {
         .onClick((event: ClickEvent) => {
+          if (this.newspaperListBean.list && this.newspaperListBean.list.length > 0) {
             this.pageDialogShow = !this.pageDialogShow
             this.pageDialogShow = !this.pageDialogShow
             if (this.pageDialogShow) {
             if (this.pageDialogShow) {
               this.pageDialogController.open()
               this.pageDialogController.open()
             } else {
             } else {
               this.pageDialogController.close()
               this.pageDialogController.close()
             }
             }
+          }else {
+            ToastUtils.showToast('暂无数据', 1000)
+          }
         })
         })
 
 
         // .bindPopup(this.pageNumPopup, {
         // .bindPopup(this.pageNumPopup, {
@@ -291,12 +302,17 @@ export struct ENewspaperPageComponent {
         })
         })
         .id('e_newspaper_read')
         .id('e_newspaper_read')
         .onClick((event: ClickEvent) => {
         .onClick((event: ClickEvent) => {
+          if (this.newspaperListBean.list && this.newspaperListBean.list.length > 0) {
             this.isOpenListDialog = true
             this.isOpenListDialog = true
+          }else {
+            ToastUtils.showToast('暂无数据', 1000)
+          }
         })
         })
       }
       }
       .width('100%')
       .width('100%')
       .height('100%')
       .height('100%')
       .backgroundColor($r('app.color.color_80000000'))
       .backgroundColor($r('app.color.color_80000000'))
+      .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM])
       .id('e_newspaper_container')
       .id('e_newspaper_container')
 
 
       if (this.isOpenListDialog) {
       if (this.isOpenListDialog) {
@@ -322,8 +338,12 @@ export struct ENewspaperPageComponent {
 
 
   private async getNewspaperList() {
   private async getNewspaperList() {
     try {
     try {
+      if (NetworkUtil.isNetConnected()) {
         let listBean = await NewspaperViewModel.getNewspaperList(this.calendarDate, this.picWidth + 'x' + this.picHeight)
         let listBean = await NewspaperViewModel.getNewspaperList(this.calendarDate, this.picWidth + 'x' + this.picHeight)
         this.newspaperListBean = listBean;
         this.newspaperListBean = listBean;
+      } else {
+        ToastUtils.showToast('网络出小差了，请检查网络后重试', 1000)
+      }
     } catch (exception) {
     } catch (exception) {
 
 
     }
     }

+import { FeedbackTypeBean } from 'wdBean/Index';
+import { NetworkUtil } from 'wdKit/Index';
+import { MultiPictureDetailViewModel } from '../viewmodel/MultiPictureDetailViewModel';
+import { CustomTitleUI } from './reusable/CustomTitleUI'
+import { ArrayList } from '@kit.ArkTS';
+
+const TAG = 'FeedBackActivity'
+// 意见反馈页面
+@Entry
+@Component
+export struct FeedBackActivity {
+  //UI
+  scroller: Scroller = new Scroller();
+
+  @State isNetConnected: boolean = true
+
+  @State feedbackTypeBeans: FeedbackTypeBean[] = [] as FeedbackTypeBean[]
+
+  async aboutToAppear() {
+    await this.getContentDetailData()
+  }
+
+  build() {
+    Column() {
+      //标题栏目
+      CustomTitleUI({ titleName: "意见反馈" })
+      Stack({ alignContent: Alignment.Bottom }) {
+        Scroll(this.scroller) {
+          Column() {
+            Text('请选择问题类型')
+              .fontColor($r('app.color.color_222222'))
+              .fontSize($r('app.float.font_size_16'))
+              .fontWeight(FontWeight.Bold)
+              .margin({ left: $r('app.float.vp_15'), top: $r('app.float.vp_14') })
+            GridRow({
+              gutter: { x: 2, y: 2 }
+            }) {
+              ForEach(this.feedbackTypeBeans, (item: FeedbackTypeBean, index: number) => {
+                GridCol({
+                  span: 12
+                }) {
+                  Row(){
+                    Toggle({ type: ToggleType.Checkbox, isOn: false })
+                    Text(item.classifyName)
+                      .fontColor($r('app.color.color_222222'))
+                      .fontSize($r('app.float.font_size_14'))
+                      .fontWeight(FontWeight.Bold)
+                      .margin({ left: $r('app.float.vp_4') })
+                  }
+                  .width(115)
+                  .height(22)
+                  .backgroundColor($r('app.color.color_fff'))
+                }
+              })
+            }
+
+            Blank()
+              .height(0.5)
+              .margin({ left: $r('app.float.vp_16'), top: $r('app.float.vp_12'), right: $r('app.float.vp_16') })
+              .backgroundColor($r('app.color.color_EDEDED'))
+            Text('描述您的问题')
+              .fontColor($r('app.color.color_222222'))
+              .fontSize($r('app.float.font_size_16'))
+              .fontWeight(FontWeight.Bold)
+              .margin({ left: $r('app.float.vp_16'), top: $r('app.float.vp_12') })
+            Stack() {
+              TextInput({ placeholder: '您的宝贵意见是我们前行的动力' })
+              GridRow({
+                gutter: { x: 2, y: 2 }
+              }) {
+                ForEach(this.feedbackTypeBeans, (item: FeedbackTypeBean, index: number) => {
+                  GridCol({
+                    span: 12
+                  }) {
+                  }
+                })
+              }
+
+              Text('0/500')
+            }
+            .height(200)
+            .width('100%')
+            .margin({ left: $r('app.float.vp_16'), top: $r('app.float.vp_12'), right: $r('app.float.vp_16') })
+            .backgroundColor($r('app.color.color_F5F5F5'))
+            .borderRadius(4)
+
+            Text('期待您留下联系方式，我们将提供更好的服务')
+              .fontColor($r('app.color.color_222222'))
+              .fontSize($r('app.float.font_size_14'))
+              .fontWeight(FontWeight.Bold)
+              .margin({ left: $r('app.float.vp_16'), top: $r('app.float.margin_24') })
+            Row() {
+              Text('电话或者邮箱')
+                .fontColor($r('app.color.color_222222'))
+                .fontSize($r('app.float.font_size_14'))
+                .fontWeight(FontWeight.Bold)
+                .margin({ left: $r('app.float.vp_12') })
+              TextInput({ placeholder: '请输入电话或者邮箱' })
+            }
+            .height(44)
+            .margin({ left: $r('app.float.vp_16'), right: $r('app.float.vp_12'), top: $r('app.float.margin_16') })
+            .backgroundColor($r('app.color.color_F5F5F5'))
+            .borderRadius(4)
+          }
+        }
+
+        Text($r('app.string.submit'))
+          .height(44)
+          .fontColor($r('app.color.color_9E9E9E_40'))
+          .fontSize($r('app.float.font_size_18'))
+          .margin({ left: $r('app.float.vp_16'), right: $r('app.float.vp_16'), top: $r('app.float.vp_15') })
+          .backgroundColor($r('app.color.color_ED2800_99'))
+          .borderRadius(4)
+      }
+    }
+  }
+  /**
+   * 请求接口数据
+   * */
+  private async getContentDetailData() {
+    this.isNetConnected = NetworkUtil.isNetConnected()
+    try {
+      this.feedbackTypeBeans = await MultiPictureDetailViewModel.getFeedbackTypeList()
+
+    } catch (exception) {
+      console.log('请求失败',JSON.stringify(exception))
+    }
+  }
+}

@@ -40,7 +40,7 @@ const TAG: string = 'ImageAndTextPageComponent'
 export struct ImageAndTextPageComponent {
 export struct ImageAndTextPageComponent {
   scroller: Scroller = new Scroller();
   scroller: Scroller = new Scroller();
   action: Action = {} as Action
   action: Action = {} as Action
-  @State contentDetailData: ContentDetailDTO [] = [] as ContentDetailDTO []
+  @Provide contentDetailData: ContentDetailDTO = {} as ContentDetailDTO
   @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
@@ -52,57 +52,35 @@ export struct ImageAndTextPageComponent {
   @State isNetConnected: boolean = true
   @State isNetConnected: boolean = true
   @State info: Area | null = null
   @State info: Area | null = null
   @State likeNum: number = 0
   @State likeNum: number = 0
-  build() {
-    Column() {
-      // 发布时间
-      Row() {
-        Image(this.contentDetailData[0]?.rmhInfo ? $r('app.media.logo_rmh') : $r('app.media.logo_rmrb'))
-          .width(80)
-          .height(28)
-        Text(this.publishTime)
-          .fontColor($r('app.color.color_B0B0B0'))
-          .fontSize(13)
-      }
-      .width(CommonConstants.FULL_WIDTH)
-      .height(32)
-      .padding({ left: 15, right: 15, })
-      .justifyContent(FlexAlign.SpaceBetween)
-      .alignItems(VerticalAlign.Bottom)
-
-      Row() {
-        Image($r('app.media.line'))
-          .width('100%')
-          .height(6)
-          .objectFit(ImageFit.Cover)
-          .margin({ top: 10 })
-      }
-      .padding({ left: 15, right: 15 })
-      .backgroundColor(Color.White)
+  @State reachEndIncreament: number = 0
+  @State bottomSafeHeight: number = AppStorage.get<number>('bottomSafeHeight') || 0
 
 
+  build() {
+    Stack({ alignContent: Alignment.Top }) {
       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
               isPageEnd: $isPageEnd
             })
             })
-              .padding({bottom:10})
+              .padding({ top: 15, bottom: 10 })
             Column() {
             Column() {
               // 点赞
               // 点赞
-              if (this.contentDetailData[0]?.openLikes && this.contentDetailData[0]?.likesStyle !== 4) {
+              if (this.contentDetailData?.openLikes && this.contentDetailData?.likesStyle !== 4) {
                 Row() {
                 Row() {
                   Row() {
                   Row() {
                     if (this.newsStatusOfUser?.likeStatus === '1') {
                     if (this.newsStatusOfUser?.likeStatus === '1') {
-                      Image(this.contentDetailData[0]?.likesStyle === 1 ? $r('app.media.ic_like_check') :
-                        (this.contentDetailData[0]?.likesStyle === 2 ? $r('app.media.icon_prayer_active') :
+                      Image(this.contentDetailData?.likesStyle === 1 ? $r('app.media.ic_like_check') :
+                        (this.contentDetailData?.likesStyle === 2 ? $r('app.media.icon_prayer_active') :
                         $r('app.media.icon_candle_active')))
                         $r('app.media.icon_candle_active')))
                         .width(24)
                         .width(24)
                         .height(24)
                         .height(24)
                         .margin({ right: 5 })
                         .margin({ right: 5 })
                     } else {
                     } else {
-                      Image(this.contentDetailData[0]?.likesStyle === 1 ? $r('app.media.icon_like') :
-                        (this.contentDetailData[0]?.likesStyle === 2 ? $r('app.media.icon_prayer') :
+                      Image(this.contentDetailData?.likesStyle === 1 ? $r('app.media.icon_like') :
+                        (this.contentDetailData?.likesStyle === 2 ? $r('app.media.icon_prayer') :
                         $r('app.media.icon_candle')))
                         $r('app.media.icon_candle')))
                         .width(24)
                         .width(24)
                         .height(24)
                         .height(24)
@@ -129,7 +107,7 @@ export struct ImageAndTextPageComponent {
                   })
                   })
 
 
                 }.width(CommonConstants.FULL_WIDTH)
                 }.width(CommonConstants.FULL_WIDTH)
-                .padding({top:14,bottom:24})
+                .padding({ top: 14, bottom: 24 })
                 .justifyContent(FlexAlign.Center)
                 .justifyContent(FlexAlign.Center)
               }
               }
               if (this.recommendList.length > 0) {
               if (this.recommendList.length > 0) {
@@ -137,10 +115,15 @@ export struct ImageAndTextPageComponent {
                 RecommendList({ recommendList: this.recommendList })
                 RecommendList({ recommendList: this.recommendList })
               }
               }
               // 评论
               // 评论
-              if (this.contentDetailData[0]?.openComment) {
+              if (this.contentDetailData?.openComment) {
                 Divider().strokeWidth(6).color('#f5f5f5')
                 Divider().strokeWidth(6).color('#f5f5f5')
                 CommentComponent({
                 CommentComponent({
-                  publishCommentModel: this.publishCommentModel
+                  publishCommentModel: this.publishCommentModel,
+                  fixedHeightMode: false,
+                  reachEndIncreament: this.reachEndIncreament,
+                  reachEndLoadMoreFinish: () => {
+
+                  }
                 }).onAreaChange((oldValue: Area, newValue: Area) => {
                 }).onAreaChange((oldValue: Area, newValue: Area) => {
                   this.info = newValue
                   this.info = newValue
                 })
                 })
@@ -149,13 +132,14 @@ export struct ImageAndTextPageComponent {
               }
               }
             }
             }
           }
           }
-
         }
         }
         .width(CommonConstants.FULL_WIDTH)
         .width(CommonConstants.FULL_WIDTH)
-        // .height(CommonConstants.FULL_HEIGHT)
-        .padding({ bottom: 76 })
+        .height(CommonConstants.FULL_HEIGHT)
         .scrollBar(BarState.Off)
         .scrollBar(BarState.Off)
         .align(Alignment.Top)
         .align(Alignment.Top)
+        .onReachEnd(() => {
+          this.reachEndIncreament += 1
+        })
 
 
         if (!this.isNetConnected) {
         if (!this.isNetConnected) {
           EmptyComponent({
           EmptyComponent({
@@ -167,24 +151,52 @@ export struct ImageAndTextPageComponent {
           }).padding({ bottom: 200 })
           }).padding({ bottom: 200 })
         } else {
         } else {
           if (!this.isPageEnd) {
           if (!this.isPageEnd) {
-            detailedSkeleton()
+            detailedSkeleton().padding({ bottom: this.bottomSafeHeight })
           }
           }
         }
         }
-        //底部交互区
-        if (this.operationButtonList.length) {
+        // 底部交互区
         OperRowListView({
         OperRowListView({
-            contentDetailData: this.contentDetailData[0],
+          contentDetailData: this.contentDetailData,
           publishCommentModel: this.publishCommentModel,
           publishCommentModel: this.publishCommentModel,
           operationButtonList: this.operationButtonList,
           operationButtonList: this.operationButtonList,
           styleType: 1,
           styleType: 1,
         })
         })
       }
       }
+      .width(CommonConstants.FULL_WIDTH)
+      .height(CommonConstants.FULL_HEIGHT)
+      .padding({ top: 38 })
+
+      // 发布时间
+      Column() {
+        Row() {
+          Image(this.contentDetailData?.rmhInfo ? $r('app.media.logo_rmh') : $r('app.media.logo_rmrb'))
+            .width(80)
+            .height(28)
+          Text(this.publishTime)
+            .fontColor($r('app.color.color_B0B0B0'))
+            .fontSize(13)
         }
         }
+        .width(CommonConstants.FULL_WIDTH)
+        .height(32)
+        .padding({ left: 15, right: 15, })
+        .justifyContent(FlexAlign.SpaceBetween)
+        .alignItems(VerticalAlign.Bottom)
 
 
+        Row() {
+          Image($r('app.media.line'))
+            .width('100%')
+            .height(6)
+            .objectFit(ImageFit.Cover)
+            .margin({ top: 10 })
+        }
+        .padding({ left: 15, right: 15 })
+        .backgroundColor(Color.White)
+      }.backgroundColor(Color.White)
     }
     }
     .width(CommonConstants.FULL_WIDTH)
     .width(CommonConstants.FULL_WIDTH)
     .height(CommonConstants.FULL_HEIGHT)
     .height(CommonConstants.FULL_HEIGHT)
     .backgroundColor(Color.White)
     .backgroundColor(Color.White)
+
   }
   }
 
 
   private async getDetail() {
   private async getDetail() {
@@ -207,29 +219,30 @@ export struct ImageAndTextPageComponent {
       }
       }
       let detailBeans = await DetailViewModel.getDetailPageData(relId, contentId, relType)
       let detailBeans = await DetailViewModel.getDetailPageData(relId, contentId, relType)
       if (detailBeans && detailBeans.length > 0) {
       if (detailBeans && detailBeans.length > 0) {
-        this.contentDetailData = detailBeans;
+        this.contentDetailData = detailBeans[0];
         let dateTime =
         let dateTime =
-          DateTimeUtils.parseDate(this.contentDetailData[0]?.publishTime, DateTimeUtils.PATTERN_DATE_TIME_HYPHEN);
+          DateTimeUtils.parseDate(this.contentDetailData?.publishTime, DateTimeUtils.PATTERN_DATE_TIME_HYPHEN);
         let _publishTime = DateTimeUtils.formatDate(dateTime, PATTERN_DATE_CN_RN)
         let _publishTime = DateTimeUtils.formatDate(dateTime, PATTERN_DATE_CN_RN)
         this.publishTime = DateTimeUtils.removeTrailingZeros(_publishTime)
         this.publishTime = DateTimeUtils.removeTrailingZeros(_publishTime)
-        if (this.contentDetailData[0]?.recommendShow === 1) {
+        if (this.contentDetailData?.recommendShow === 1) {
           this.getRecommend()
           this.getRecommend()
         }
         }
-        if (this.contentDetailData[0]?.openLikes === 1) {
+        if (this.contentDetailData?.openLikes === 1) {
           this.getInteractDataStatus()
           this.getInteractDataStatus()
           this.queryContentInteractCount()
           this.queryContentInteractCount()
         }
         }
-        if (this.contentDetailData[0]?.openComment) {
-          this.publishCommentModel.targetId = String(this.contentDetailData[0]?.newsId || '')
-          this.publishCommentModel.targetRelId = String(this.contentDetailData[0]?.reLInfo?.relId)
-          this.publishCommentModel.targetTitle = this.contentDetailData[0]?.newsTitle
-          this.publishCommentModel.targetRelType = String(this.contentDetailData[0]?.reLInfo?.relType)
-          this.publishCommentModel.targetRelObjectId = String(this.contentDetailData[0]?.reLInfo?.relObjectId)
-          this.publishCommentModel.keyArticle = String(this.contentDetailData[0]?.keyArticle)
-          this.publishCommentModel.targetType = String(this.contentDetailData[0]?.newsType)
-        }
-        if (this.contentDetailData[0]?.openAudio && this.contentDetailData[0]?.audioList?.length &&
-        this.contentDetailData[0]?.audioList[0].audioUrl) {
+        if (this.contentDetailData?.openComment) {
+          this.publishCommentModel.targetId = String(this.contentDetailData?.newsId || '')
+          this.publishCommentModel.targetRelId = String(this.contentDetailData?.reLInfo?.relId)
+          this.publishCommentModel.targetTitle = this.contentDetailData?.newsTitle
+          this.publishCommentModel.targetRelType = String(this.contentDetailData?.reLInfo?.relType)
+          this.publishCommentModel.targetRelObjectId = String(this.contentDetailData?.reLInfo?.relObjectId)
+          this.publishCommentModel.keyArticle = String(this.contentDetailData?.keyArticle)
+          this.publishCommentModel.targetType = String(this.contentDetailData?.newsType)
+          this.publishCommentModel.visitorComment = String(this.contentDetailData?.visitorComment)
+        }
+        if (this.contentDetailData?.openAudio && this.contentDetailData?.audioList?.length &&
+        this.contentDetailData?.audioList[0].audioUrl) {
           this.operationButtonList = ['comment', 'collect', 'listen', 'share']
           this.operationButtonList = ['comment', 'collect', 'listen', 'share']
         } else {
         } else {
           this.operationButtonList = ['comment', 'collect', 'share']
           this.operationButtonList = ['comment', 'collect', 'share']
@@ -242,14 +255,18 @@ export struct ImageAndTextPageComponent {
     let params: postRecommendListParams = {
     let params: postRecommendListParams = {
       imei: HttpUtils.getImei(),
       imei: HttpUtils.getImei(),
       userId: HttpUtils.getUserId(),
       userId: HttpUtils.getUserId(),
-      contentId: String(this.contentDetailData[0]?.newsId),
-      recType: Number(this.contentDetailData[0]?.reLInfo?.relType),
-      contentType: this.contentDetailData[0]?.newsType,
-      relId: this.contentDetailData[0]?.reLInfo?.relId,
-      channelId: String(this.contentDetailData[0]?.reLInfo?.channelId)
+      contentId: String(this.contentDetailData?.newsId),
+      recType: Number(this.contentDetailData?.reLInfo?.relType),
+      contentType: this.contentDetailData?.newsType,
+      relId: this.contentDetailData?.reLInfo?.relId,
+      channelId: String(this.contentDetailData?.reLInfo?.channelId)
     }
     }
     let recommendList = await DetailViewModel.postRecommendList(params)
     let recommendList = await DetailViewModel.postRecommendList(params)
-    this.recommendList = recommendList;
+    if (recommendList.length > 0) {
+      //推荐列表过滤音频和活动入口
+      this.recommendList = recommendList.filter(item => item.objectType !== '3' &&  item.objectType !== '13');
+    }
+
   }
   }
 
 
   // 已登录->查询用户对作品点赞、收藏状态
   // 已登录->查询用户对作品点赞、收藏状态
@@ -258,8 +275,8 @@ export struct ImageAndTextPageComponent {
       const params: batchLikeAndCollectParams = {
       const params: batchLikeAndCollectParams = {
         contentList: [
         contentList: [
           {
           {
-            contentId: this.contentDetailData[0]?.newsId + '',
-            contentType: this.contentDetailData[0]?.newsType + '',
+            contentId: this.contentDetailData?.newsId + '',
+            contentType: this.contentDetailData?.newsType + '',
           }
           }
         ]
         ]
       }
       }
@@ -284,8 +301,8 @@ export struct ImageAndTextPageComponent {
     }
     }
     const params: postExecuteLikeParams = {
     const params: postExecuteLikeParams = {
       status: this.newsStatusOfUser?.likeStatus === '1' ? '0' : '1',
       status: this.newsStatusOfUser?.likeStatus === '1' ? '0' : '1',
-      contentId: this.contentDetailData[0]?.newsId + '',
-      contentType: this.contentDetailData[0]?.newsType + '',
+      contentId: this.contentDetailData?.newsId + '',
+      contentType: this.contentDetailData?.newsType + '',
     }
     }
     PageRepository.postExecuteLike(params).then(res => {
     PageRepository.postExecuteLike(params).then(res => {
       console.log(TAG, '点赞、取消点赞', 'toggleLikeStatus==',)
       console.log(TAG, '点赞、取消点赞', 'toggleLikeStatus==',)
@@ -304,8 +321,8 @@ export struct ImageAndTextPageComponent {
     console.error(TAG, 'contentDetailData2222', JSON.stringify(this.contentDetailData))
     console.error(TAG, 'contentDetailData2222', JSON.stringify(this.contentDetailData))
     const params: contentListParams = {
     const params: contentListParams = {
       contentList: [{
       contentList: [{
-        contentId: this.contentDetailData[0]?.newsId + '',
-        contentType: this.contentDetailData[0]?.newsType,
+        contentId: this.contentDetailData?.newsId + '',
+        contentType: this.contentDetailData?.newsType,
       }]
       }]
     }
     }
     PageRepository.getContentInteract(params).then(res => {
     PageRepository.getContentInteract(params).then(res => {

+import { ContentDTO } from 'wdBean/Index';
+import { ProcessUtils } from 'wdRouter/Index';
+import { InteractMessageModel } from '../../model/InteractMessageModel'
 
 
 @Component
 @Component
 export  struct InteractMComponent {
 export  struct InteractMComponent {
+  messageModel:InteractMessageModel = new InteractMessageModel;
+///"remark": "{"beReply":"乐事薯片，大家的最爱！！",
+  // "headUrl":"https: //uatjdcdnphoto.aikan.pdnews.cn//zhbj/img/user/2023122211/2A59F725E69849A38CEE8823B0D9D141.jpg",
+  // "contentId":"30035774121","contentRelObjectid":"2012","contentTitle":"乐事推出华夏风光限定罐七款城市地标包装让出游“有滋有味”",
+  // "commentContent":"大家都爱吃！！","userName":"人民日报网友a8dKCV","userId":"504964178466309","contentRelId":"500002866426",
+  // "shareUrl":"https: //pd-people-uat.pdnews.cn/column/30035774121-500002866426","userType":"1",
+  // "contentRelType":"1","visitor":"0","contentType":"8"}",
+
   build() {
   build() {
     Row(){
     Row(){
-      Image('')
-        .backgroundColor(Color.Red)
+      Image(this.messageModel.InteractMsubM.headUrl)
         .width(36)
         .width(36)
         .height(36)
         .height(36)
         .borderRadius(18)
         .borderRadius(18)
 
 
       Column(){
       Column(){
         Row(){
         Row(){
-          Text('用户名')
+          Text(this.messageModel.InteractMsubM.userName)
             .fontSize('14fp').fontColor('#222222')
             .fontSize('14fp').fontColor('#222222')
 
 
-          Text('回复了你的评论')
+          Text(this.buildContentString())
             .fontSize('14fp').fontColor('#999999')
             .fontSize('14fp').fontColor('#999999')
             .margin({left:5})
             .margin({left:5})
         }.width('100%')
         }.width('100%')
 
 
-        Text('两天前')
+        Text(this.messageModel.time)
           .margin({top:2})
           .margin({top:2})
-          .fontSize('12fp').fontColor('#B0B0B0')
+          .fontSize('12fp').fontColor('#B0B0B0').margin({top:10,bottom:10})
 
 
-        Text('评论内容')
-          .margin({top:8,bottom:10})
+        if (this.messageModel.contentType === '208' || this.messageModel.contentType === '209'){
+          Text(this.messageModel.message)
+            .margin({bottom:10})
             .fontSize('16fp').fontColor('#222222')
             .fontSize('16fp').fontColor('#222222')
             .width('100%')
             .width('100%')
             .constraintSize({maxHeight:500})
             .constraintSize({maxHeight:500})
+        }
 
 
         Column(){
         Column(){
-          Text('[你的评论]乐事薯片，大家的最爱').fontSize('14fp').fontColor('#666666').constraintSize({maxHeight:500})
-            .margin({top:5,bottom:5})
+          if (this.messageModel.contentType === '207' || this.messageModel.contentType === '209'){
+            Text('[你的评论]'+this.buildCommentContent()).fontSize('14fp').fontColor('#666666').constraintSize({maxHeight:500})
+              .margin({top:15,bottom:10})
               .width('100%')
               .width('100%')
 
 
             Divider()
             Divider()
-            .color('#f5f5f5')
-            .backgroundColor('#f5f5f5')
+              .color('#EDEDED')
+              .backgroundColor('#EDEDED')
               .width('100%')
               .width('100%')
               .height(1)
               .height(1)
-
+          }
           Row(){
           Row(){
-            Text('乐事薯片，大家的最爱!!!!').fontSize('12fp').fontColor('#666666').constraintSize({maxHeight:500})
+            Image($r('app.media.MessageOriginTextIcon'))
+              .width('12')
+              .height('12')
+            Text(this.messageModel.InteractMsubM.contentTitle)
+              .fontSize('12fp')
+              .fontColor('#666666')
+              .maxLines(1)
+              .width('90%')
+              .textOverflow({overflow:TextOverflow.Ellipsis})
 
 
             Blank()
             Blank()
 
 
             Image($r('app.media.mine_user_edit'))
             Image($r('app.media.mine_user_edit'))
               .width('12')
               .width('12')
               .height('12')
               .height('12')
-          }.margin({top:5,bottom:5}).width('100%')
-        }.alignItems(HorizontalAlign.Start).backgroundColor('#f5f5f5').borderRadius(5)
-      }.padding({left:5}).alignItems(HorizontalAlign.Start)
-    }.padding({top:5,left:16,right:16}).width('100%').height(160).alignItems(VerticalAlign.Top).backgroundColor(Color.Red)
+          }.margin({top:10,bottom:15})
+        }.padding({left:10,right:10}).alignItems(HorizontalAlign.Start).backgroundColor('#f5f5f5').borderRadius(5)
+        .onClick(()=>{
+          let  contentDTO :ContentDTO = new ContentDTO();
+          contentDTO.objectType = this.messageModel.InteractMsubM.contentType
+          contentDTO.objectId = this.messageModel.InteractMsubM.contentId
+          ProcessUtils.processPage(contentDTO)
+        })
+      }.padding({left:5,right:5}).alignItems(HorizontalAlign.Start).width('90%')
+    }.padding({top:10,left:16,right:16}).width('100%').alignItems(VerticalAlign.Top)
+  }
+
+  buildContentString(): string {
+    let contentString: string = ''
+    if (this.messageModel.contentType === '206') {
+      contentString = '赞了你的作品'
+    }else if(this.messageModel.contentType === '207'){
+      contentString = '赞了你的评论'
+    }else if(this.messageModel.contentType === '208'){
+      contentString = '评论了你的作品'
+    }else if(this.messageModel.contentType === '209'){
+      contentString = '回复了你的评论'
+    }else if(this.messageModel.contentType === '210'){
+      contentString = '转发了您的作品'
+    }else if(this.messageModel.contentType === '211'){
+      contentString = '关注了你'
+    }
+    return contentString;
+  }
+  buildCommentContent(): string {
+    let contentString : string = this.messageModel.contentType === '207'?this.messageModel.message:this.messageModel.InteractMsubM.beReply;
+    return contentString;
   }
   }
 }
 }

@@ -61,6 +61,8 @@ export struct MorningEveningPaperComponent {
   @State mixedBgColor: string = ''
   @State mixedBgColor: string = ''
   // 顶部安全高度赋值
   // 顶部安全高度赋值
   @State topSafeHeight: number = 0;
   @State topSafeHeight: number = 0;
+  @State bottomSafeHeight: number = 0;
+
   private audioDataList: AudioDataList[] = []
   private audioDataList: AudioDataList[] = []
   private playerController: WDPlayerController = new WDPlayerController();
   private playerController: WDPlayerController = new WDPlayerController();
   simpleAudioDialog: CustomDialogController = new CustomDialogController({
   simpleAudioDialog: CustomDialogController = new CustomDialogController({
@@ -112,6 +114,7 @@ export struct MorningEveningPaperComponent {
     // await windowHight.setWindowLayoutFullScreen(true);
     // await windowHight.setWindowLayoutFullScreen(true);
     // WindowModel.shared.setWindowSystemBarProperties({ statusBarContentColor: '#ffffff', })
     // WindowModel.shared.setWindowSystemBarProperties({ statusBarContentColor: '#ffffff', })
     this.topSafeHeight = px2vp(windowHight.getWindowAvoidArea(window.AvoidAreaType.TYPE_SYSTEM).topRect.height)
     this.topSafeHeight = px2vp(windowHight.getWindowAvoidArea(window.AvoidAreaType.TYPE_SYSTEM).topRect.height)
+    this.bottomSafeHeight = px2vp(windowHight.getWindowAvoidArea(window.AvoidAreaType.TYPE_SYSTEM).bottomRect.height)
 
 
     const dailyPaperTopicPageId = await SPHelper.default.getSync('dailyPaperTopicPageId', "") as String
     const dailyPaperTopicPageId = await SPHelper.default.getSync('dailyPaperTopicPageId', "") as String
     console.info(TAG, `aboutToAppear = ` + dailyPaperTopicPageId)
     console.info(TAG, `aboutToAppear = ` + dailyPaperTopicPageId)
@@ -248,14 +251,15 @@ export struct MorningEveningPaperComponent {
             })
             })
         }
         }
       }
       }
-      .height('100%')
+      .height(`calc(100% - ${this.bottomSafeHeight + this.topSafeHeight + 'vp'})`)
 
 
       PaperTitleComponent()
       PaperTitleComponent()
     }
     }
     .width('100%')
     .width('100%')
     .height('100%')
     .height('100%')
     .padding({
     .padding({
-      top: this.topSafeHeight
+      top: this.topSafeHeight,
+      bottom: this.bottomSafeHeight
     })
     })
     // .backgroundColor(Color.Black)
     // .backgroundColor(Color.Black)
     // .backgroundColor(this.pageInfoBean?.backgroundColor ?? Color.Black)
     // .backgroundColor(this.pageInfoBean?.backgroundColor ?? Color.Black)

@@ -114,7 +114,7 @@ export struct SingleColumn999Component {
   build() {
   build() {
     // if (this.compDTO && this.compDTO?.operDataList?.length > 0) {
     // if (this.compDTO && this.compDTO?.operDataList?.length > 0) {
     if (this.compListItem && this.compListItem?.operDataList?.length > 0) {
     if (this.compListItem && this.compListItem?.operDataList?.length > 0) {
-      List({ space: 2, initialIndex: 0 }) {
+      List({ initialIndex: 0 }) {
         // ListItemGroup({
         // ListItemGroup({
         //   // footer: this.itemFooter("")
         //   // footer: this.itemFooter("")
         // }) {
         // }) {

-import { NetworkUtil, Logger, NetworkType, SPHelper, WindowModel, StringUtils} from 'wdKit';
+import { NetworkUtil, Logger, NetworkType, SPHelper, WindowModel, StringUtils } from 'wdKit';
 import { ResponseDTO } from 'wdNetwork';
 import { ResponseDTO } from 'wdNetwork';
 import {
 import {
   ContentDetailDTO,
   ContentDetailDTO,
@@ -35,7 +35,7 @@ export struct MultiPictureDetailPageComponent {
   private picWidth: number = 0
   private picWidth: number = 0
   @State picHeight: number = 0
   @State picHeight: number = 0
   @State titleHeight: number = 0
   @State titleHeight: number = 0
-  @State contentDetailData: ContentDetailDTO = {} as ContentDetailDTO
+  @Provide contentDetailData: ContentDetailDTO = {} as ContentDetailDTO
   @Provide @Watch('onCurrentPageNumUpdated') currentPageNum: string = '01'
   @Provide @Watch('onCurrentPageNumUpdated') currentPageNum: string = '01'
   private swiperController: SwiperController = new SwiperController()
   private swiperController: SwiperController = new SwiperController()
   private swiperControllerItem: SwiperController = new SwiperController()
   private swiperControllerItem: SwiperController = new SwiperController()
@@ -49,8 +49,8 @@ export struct MultiPictureDetailPageComponent {
   @State topSafeHeight: number = AppStorage.get<number>('topSafeHeight') as number;
   @State topSafeHeight: number = AppStorage.get<number>('topSafeHeight') as number;
   @State bottomSafeHeight: number = AppStorage.get<number>('bottomSafeHeight') as number;
   @State bottomSafeHeight: number = AppStorage.get<number>('bottomSafeHeight') as number;
   @State windowHeight: number = AppStorage.get<number>('windowHeight') as number;
   @State windowHeight: number = AppStorage.get<number>('windowHeight') as number;
-  @State currentOffset:number = 0
-  @State duration:number = 0
+  @State currentOffset: number = 0
+  @State duration: number = 0
 
 
   //watch监听页码回调
   //watch监听页码回调
   onCurrentPageNumUpdated(): void {
   onCurrentPageNumUpdated(): void {
@@ -83,7 +83,6 @@ export struct MultiPictureDetailPageComponent {
     }
     }
   }
   }
 
 
-
   aboutToDisappear() {
   aboutToDisappear() {
 
 
   }
   }
@@ -101,10 +100,10 @@ export struct MultiPictureDetailPageComponent {
   @Builder
   @Builder
   init() {
   init() {
     if (this.contentDetailData.rmhPlatform == 1) {
     if (this.contentDetailData.rmhPlatform == 1) {
-      if(!this.showDownload) {
+      if (!this.showDownload) {
         Row() {
         Row() {
           Row({ space: 8 }) {
           Row({ space: 8 }) {
-            if (this.getImgUrl()){
+            if (this.getImgUrl()) {
               Row() {
               Row() {
                 Stack() {
                 Stack() {
                   Image(this.getImgUrl())
                   Image(this.getImgUrl())
@@ -115,7 +114,7 @@ export struct MultiPictureDetailPageComponent {
                     .height(36)
                     .height(36)
                     .objectFit(ImageFit.Fill)
                     .objectFit(ImageFit.Fill)
                     .interpolation(ImageInterpolation.High)
                     .interpolation(ImageInterpolation.High)
-                  if(!StringUtils.isEmpty(this.contentDetailData.rmhInfo?.authIcon)){
+                  if (!StringUtils.isEmpty(this.contentDetailData.rmhInfo?.authIcon)) {
                     Stack() {
                     Stack() {
                       Image(this.contentDetailData.rmhInfo?.authIcon)
                       Image(this.contentDetailData.rmhInfo?.authIcon)
                         .width($r('app.float.vp_13'))
                         .width($r('app.float.vp_13'))
@@ -219,7 +218,7 @@ export struct MultiPictureDetailPageComponent {
         .width('100%')
         .width('100%')
         .height(44)
         .height(44)
         .zIndex(10)
         .zIndex(10)
-        .margin({top:`${this.topSafeHeight + 12}px`})
+        .margin({ top: `${this.topSafeHeight + 12}px` })
         .alignRules({
         .alignRules({
           top: { anchor: "__container__", align: VerticalAlign.Top },
           top: { anchor: "__container__", align: VerticalAlign.Top },
           middle: { anchor: "__container__", align: HorizontalAlign.Center }
           middle: { anchor: "__container__", align: HorizontalAlign.Center }
@@ -249,12 +248,12 @@ export struct MultiPictureDetailPageComponent {
             this.currentOffset = Math.abs(extraInfo.currentOffset)
             this.currentOffset = Math.abs(extraInfo.currentOffset)
           })
           })
           .onTouch((event: TouchEvent) => {
           .onTouch((event: TouchEvent) => {
-              if(this.duration === 0) {
+            if (this.duration === 0) {
               this.duration = 500
               this.duration = 500
             }
             }
-              if(event.type === 1) {
+            if (event.type === 1) {
               // if(this.currentOffset > px2vp((this.windowHeight - item.height)/2 - 100)) {
               // if(this.currentOffset > px2vp((this.windowHeight - item.height)/2 - 100)) {
-                if(this.currentOffset > 160) {
+              if (this.currentOffset > 160) {
                 router.back()
                 router.back()
               }
               }
             }
             }
@@ -296,9 +295,9 @@ export struct MultiPictureDetailPageComponent {
           middle: { anchor: "__container__", align: HorizontalAlign.Center }
           middle: { anchor: "__container__", align: HorizontalAlign.Center }
         })
         })
     }
     }
-    Column(){
-      if(!this.showDownload) {
-        Column(){
+    Column() {
+      if (!this.showDownload) {
+        Column() {
           Row() {
           Row() {
             Scroll(this.scroller) {
             Scroll(this.scroller) {
               Row() {
               Row() {
@@ -306,7 +305,7 @@ export struct MultiPictureDetailPageComponent {
                   direction: FlexDirection.Column,
                   direction: FlexDirection.Column,
                   justifyContent: FlexAlign.Start
                   justifyContent: FlexAlign.Start
                 }) {
                 }) {
-                  if(this.contentDetailData?.photoList?.length) {
+                  if (this.contentDetailData?.photoList?.length) {
                     Text() {
                     Text() {
                       Span(`${this.swiperIndex + 1}`)
                       Span(`${this.swiperIndex + 1}`)
                         .fontSize(24)
                         .fontSize(24)
@@ -322,7 +321,7 @@ export struct MultiPictureDetailPageComponent {
                     .fontColor(Color.White)
                     .fontColor(Color.White)
                     .margin(4)
                     .margin(4)
                   }
                   }
-                  if(this.contentDetailData.newsTitle) {
+                  if (this.contentDetailData.newsTitle) {
                     Text(`${this.contentDetailData.newsTitle}`)
                     Text(`${this.contentDetailData.newsTitle}`)
                       .fontColor(Color.White)
                       .fontColor(Color.White)
                       .fontSize(16)
                       .fontSize(16)
@@ -336,7 +335,7 @@ export struct MultiPictureDetailPageComponent {
                         right: 0
                         right: 0
                       })
                       })
                   }
                   }
-                  if(this.contentDetailData.photoList?.[this.swiperIndex].picDesc) {
+                  if (this.contentDetailData.photoList?.[this.swiperIndex].picDesc) {
                     Text(`${this.contentDetailData.photoList?.[this.swiperIndex].picDesc}`)
                     Text(`${this.contentDetailData.photoList?.[this.swiperIndex].picDesc}`)
                       .fontColor(Color.White)
                       .fontColor(Color.White)
                       .fontSize(14)
                       .fontSize(14)
@@ -361,25 +360,27 @@ export struct MultiPictureDetailPageComponent {
             .height(px2vp(this.titleHeight))
             .height(px2vp(this.titleHeight))
             .align(Alignment.Bottom)
             .align(Alignment.Bottom)
           }
           }
+
           OperRowListView({
           OperRowListView({
             contentDetailData: this.contentDetailData,
             contentDetailData: this.contentDetailData,
             publishCommentModel: this.publishCommentModel,
             publishCommentModel: this.publishCommentModel,
             operationButtonList: this.operationButtonList,
             operationButtonList: this.operationButtonList,
             styleType: 2,
             styleType: 2,
+            componentType:5,
           })
           })
         }
         }
         .transition(TransitionEffect.OPACITY.animation({ duration: this.duration, curve: Curve.Ease }).combine(
         .transition(TransitionEffect.OPACITY.animation({ duration: this.duration, curve: Curve.Ease }).combine(
           TransitionEffect.translate({ x: 0, y: `-${this.bottomSafeHeight}px` })
           TransitionEffect.translate({ x: 0, y: `-${this.bottomSafeHeight}px` })
         ))
         ))
       }
       }
-      if(this.showDownload) {
-        Column(){
+      if (this.showDownload) {
+        Column() {
           Row() {
           Row() {
             Flex({
             Flex({
               direction: FlexDirection.Row,
               direction: FlexDirection.Row,
               justifyContent: FlexAlign.SpaceBetween
               justifyContent: FlexAlign.SpaceBetween
             }) {
             }) {
-              if(this.contentDetailData?.photoList?.length) {
+              if (this.contentDetailData?.photoList?.length) {
                 Text() {
                 Text() {
                   Span(`${this.swiperIndex + 1}`)
                   Span(`${this.swiperIndex + 1}`)
                     .fontSize(24)
                     .fontSize(24)
@@ -396,7 +397,7 @@ export struct MultiPictureDetailPageComponent {
                 .margin(4)
                 .margin(4)
               }
               }
 
 
-              if(this.contentDetailData.photoList?.[this.swiperIndex].picPath) {
+              if (this.contentDetailData.photoList?.[this.swiperIndex].picPath) {
                 ImageDownloadComponent({ url: this.contentDetailData.photoList?.[this.swiperIndex].picPath })
                 ImageDownloadComponent({ url: this.contentDetailData.photoList?.[this.swiperIndex].picPath })
                   .margin({
                   .margin({
                     top: 8,
                     top: 8,
@@ -449,6 +450,7 @@ export struct MultiPictureDetailPageComponent {
             this.publishCommentModel.targetRelObjectId = String(this.contentDetailData?.reLInfo?.relObjectId)
             this.publishCommentModel.targetRelObjectId = String(this.contentDetailData?.reLInfo?.relObjectId)
             this.publishCommentModel.keyArticle = String(this.contentDetailData?.keyArticle)
             this.publishCommentModel.keyArticle = String(this.contentDetailData?.keyArticle)
             this.publishCommentModel.targetType = String(this.contentDetailData?.newsType)
             this.publishCommentModel.targetType = String(this.contentDetailData?.newsType)
+            this.publishCommentModel.visitorComment = String(this.contentDetailData?.visitorComment)
           }
           }
           // this.contentDetailData.photoList = []
           // this.contentDetailData.photoList = []
           if (this.contentDetailData?.photoList && this.contentDetailData?.photoList?.length === 0) {
           if (this.contentDetailData?.photoList && this.contentDetailData?.photoList?.length === 0) {

@@ -8,6 +8,8 @@ import { NativeCallH5Type } from 'wdWebComponent/src/main/ets/pages/NativeCallH5
 import { OperRowListView } from './view/OperRowListView';
 import { OperRowListView } from './view/OperRowListView';
 import DetailViewModel from '../viewmodel/DetailViewModel';
 import DetailViewModel from '../viewmodel/DetailViewModel';
 import { publishCommentModel } from '../components/comment/model/PublishCommentModel';
 import { publishCommentModel } from '../components/comment/model/PublishCommentModel';
+import { EmptyComponent } from '../components/view/EmptyComponent';
+import { NetworkUtil } from 'wdKit';
 
 
 const TAG: string = 'SpacialTopicPageComponent'
 const TAG: string = 'SpacialTopicPageComponent'
 
 
@@ -18,12 +20,14 @@ export struct SpacialTopicPageComponent {
   action: Action = {} as Action
   action: Action = {} as Action
   @State webUrl: string = '';
   @State webUrl: string = '';
   @State isPageEnd: boolean = false
   @State isPageEnd: boolean = false
-  @State contentDetailData: ContentDetailDTO [] = [] as ContentDetailDTO []
+  @Provide contentDetailData: ContentDetailDTO = {} as ContentDetailDTO
   private h5ReceiveAppData: H5ReceiveDetailBean = { dataSource: '2' } as H5ReceiveDetailBean
   private h5ReceiveAppData: H5ReceiveDetailBean = { dataSource: '2' } as H5ReceiveDetailBean
   private webPrepared = false;
   private webPrepared = false;
   private dataPrepared = false;
   private dataPrepared = false;
   @State publishCommentModel: publishCommentModel = new publishCommentModel()
   @State publishCommentModel: publishCommentModel = new publishCommentModel()
   @State operationButtonList: string[] = ['comment', 'collect', 'share']
   @State operationButtonList: string[] = ['comment', 'collect', 'share']
+  @State bottomSafeHeight: number = AppStorage.get<number>('bottomSafeHeight') || 0
+  @State isNetConnected: boolean = true
 
 
   private trySendData2H5() {
   private trySendData2H5() {
     if (!this.webPrepared || !this.dataPrepared) {
     if (!this.webPrepared || !this.dataPrepared) {
@@ -45,6 +49,8 @@ export struct SpacialTopicPageComponent {
   }
   }
 
 
   private async getDetail() {
   private async getDetail() {
+    this.isNetConnected = NetworkUtil.isNetConnected()
+
     let contentId: string = ''
     let contentId: string = ''
     let relId: string = ''
     let relId: string = ''
     let relType: string = ''
     let relType: string = ''
@@ -63,15 +69,16 @@ export struct SpacialTopicPageComponent {
       }
       }
       let detailBeans = await DetailViewModel.getDetailPageData(relId, contentId, relType)
       let detailBeans = await DetailViewModel.getDetailPageData(relId, contentId, relType)
       if (detailBeans && detailBeans.length > 0) {
       if (detailBeans && detailBeans.length > 0) {
-        this.contentDetailData = detailBeans;
+        this.contentDetailData = detailBeans[0];
         // if (this.contentDetailData[0]?.openComment) {
         // if (this.contentDetailData[0]?.openComment) {
-          this.publishCommentModel.targetId = String(this.contentDetailData[0]?.newsId || '')
-          this.publishCommentModel.targetRelId = String(this.contentDetailData[0]?.reLInfo?.relId)
-          this.publishCommentModel.targetTitle = this.contentDetailData[0]?.newsTitle
-          this.publishCommentModel.targetRelType = String(this.contentDetailData[0]?.reLInfo?.relType)
-          this.publishCommentModel.targetRelObjectId = String(this.contentDetailData[0]?.reLInfo?.relObjectId)
-          this.publishCommentModel.keyArticle = String(this.contentDetailData[0]?.keyArticle)
-          this.publishCommentModel.targetType = String(this.contentDetailData[0]?.newsType)
+        this.publishCommentModel.targetId = String(this.contentDetailData?.newsId || '')
+        this.publishCommentModel.targetRelId = String(this.contentDetailData?.reLInfo?.relId)
+        this.publishCommentModel.targetTitle = this.contentDetailData?.newsTitle
+        this.publishCommentModel.targetRelType = String(this.contentDetailData?.reLInfo?.relType)
+        this.publishCommentModel.targetRelObjectId = String(this.contentDetailData?.reLInfo?.relObjectId)
+        this.publishCommentModel.keyArticle = String(this.contentDetailData?.keyArticle)
+        this.publishCommentModel.targetType = String(this.contentDetailData?.newsType)
+          this.publishCommentModel.visitorComment = String(this.contentDetailData?.visitorComment)
         // }
         // }
         this.trySendData2H5()
         this.trySendData2H5()
       }
       }
@@ -92,17 +99,30 @@ export struct SpacialTopicPageComponent {
         }
         }
         .width(CommonConstants.FULL_WIDTH)
         .width(CommonConstants.FULL_WIDTH)
         .height(CommonConstants.FULL_HEIGHT)
         .height(CommonConstants.FULL_HEIGHT)
-        .padding({bottom:75})
+        .padding({ bottom: 75 })
 
 
+        if (!this.isNetConnected) {
+          EmptyComponent({
+            emptyType: 1,
+            emptyButton: true,
+            retry: () => {
+              this.getDetail()
+            }
+          }).padding({ bottom: 200 })
+        } else {
           if (!this.isPageEnd) {
           if (!this.isPageEnd) {
             detailedSkeleton()
             detailedSkeleton()
           }
           }
+        }
         //底部交互区
         //底部交互区
         OperRowListView({
         OperRowListView({
-            contentDetailData: this.contentDetailData[0],
+          contentDetailData: this.contentDetailData,
           publishCommentModel: this.publishCommentModel,
           publishCommentModel: this.publishCommentModel,
           operationButtonList: this.operationButtonList,
           operationButtonList: this.operationButtonList,
         })
         })
+          .padding({
+            bottom: `${this.bottomSafeHeight}px`
+          })
       }
       }
     }.width(CommonConstants.FULL_WIDTH).height(CommonConstants.FULL_HEIGHT)
     }.width(CommonConstants.FULL_WIDTH).height(CommonConstants.FULL_HEIGHT)
   }
   }

 import { RMCalendarBean } from './RMCalendarBean'
 import { RMCalendarBean } from './RMCalendarBean'
 import { RMCalenderCell } from './RMCalendarCell'
 import { RMCalenderCell } from './RMCalendarCell'
+import { ToastUtils, NetworkUtil } from 'wdKit/Index';
 
 
 @Component
 @Component
 export struct RMCalendar {
 export struct RMCalendar {
@@ -166,6 +167,9 @@ export struct RMCalendar {
    * 下一个月
    * 下一个月
    */
    */
   private nextMonth() {
   private nextMonth() {
+    if (!NetworkUtil.isNetConnected()) {
+      ToastUtils.showToast('网络出小差了，请检查网络后重试', 1000)
+    }
     // this.dates.slice(0, this.dates.length)
     // this.dates.slice(0, this.dates.length)
     this.dates = []
     this.dates = []
     const beforDate = new Date(this.selectDay.getFullYear(), this.selectDay.getMonth())
     const beforDate = new Date(this.selectDay.getFullYear(), this.selectDay.getMonth())
@@ -180,6 +184,9 @@ export struct RMCalendar {
    * 上一个月
    * 上一个月
    */
    */
   private preMonth() {
   private preMonth() {
+    if (!NetworkUtil.isNetConnected()) {
+      ToastUtils.showToast('网络出小差了，请检查网络后重试', 1000)
+    }
     // this.dates.slice(0, this.dates.length)
     // this.dates.slice(0, this.dates.length)
     this.dates = []
     this.dates = []
     const beforDate = new Date(this.selectDay.getFullYear(), this.selectDay.getMonth())
     const beforDate = new Date(this.selectDay.getFullYear(), this.selectDay.getMonth())

 /**
 /**
  * 这里是人民号动态中的顶部信息：人民号logo,名字，描述，关注等
  * 这里是人民号动态中的顶部信息：人民号logo,名字，描述，关注等
  */
  */
+import {
+  ContentDetailRequest,
+  postInteractAccentionOperateParams
+} from 'wdDetailPlayApi/src/main/ets/request/ContentDetailRequest';
 import { RmhInfoDTO } from 'wdBean'
 import { RmhInfoDTO } from 'wdBean'
 import { CommonConstants } from 'wdConstant/Index';
 import { CommonConstants } from 'wdConstant/Index';
-import { DateTimeUtils, SPHelper } from 'wdKit';
+import { DateTimeUtils, SPHelper, Logger, ToastUtils } from 'wdKit';
 import { SpConstants } from 'wdConstant/Index'
 import { SpConstants } from 'wdConstant/Index'
 import { WDRouterPage, WDRouterRule } from 'wdRouter/Index';
 import { WDRouterPage, WDRouterRule } from 'wdRouter/Index';
 import router from '@ohos.router'
 import router from '@ohos.router'
+import { postBatchAttentionStatusParams } from 'wdBean/Index';
+import { MultiPictureDetailViewModel } from '../../viewmodel/MultiPictureDetailViewModel'
 
 
 @Component
 @Component
 export struct RmhTitle {
 export struct RmhTitle {
   @Prop rmhInfo: RmhInfoDTO
   @Prop rmhInfo: RmhInfoDTO
   @Prop publishTime: string | undefined
   @Prop publishTime: string | undefined
+  /**
+   * 是否需要隐藏发布时间超过2天的时间展示，默认不隐藏
+   */
   @Prop hideTime: boolean
   @Prop hideTime: boolean
+  /**
+   * 默认未关注 点击去关注
+   */
+  @State followStatus: string = '0';
 
 
-  async appointReq() {
+  /**
+   * 关注号主
+   */
+  async handleAccention() {
     // 未登录，跳转登录
     // 未登录，跳转登录
     const user_id = await SPHelper.default.get(SpConstants.USER_ID, '')
     const user_id = await SPHelper.default.get(SpConstants.USER_ID, '')
     if (!user_id) {
     if (!user_id) {
       WDRouterRule.jumpWithPage(WDRouterPage.loginPage)
       WDRouterRule.jumpWithPage(WDRouterPage.loginPage)
       return
       return
     }
     }
+
+    const params2: postInteractAccentionOperateParams = {
+      attentionUserType: this.rmhInfo?.userType || '', //被关注用户类型（1 普通用户 2 视频号 3 矩阵号）
+      attentionUserId: this.rmhInfo?.userId || '', // 被关注用户号主id
+      attentionCreatorId: this.rmhInfo?.rmhId || '', // 被关注用户号主id
+      status: this.followStatus == '0' ? 1 : 0,
+    }
+    ContentDetailRequest.postInteractAccentionOperate(params2).then(res => {
+      console.log('rmhTitle-data', JSON.stringify(res.data))
+      if (this.followStatus == '1') {
+        this.followStatus = '0'
+      } else {
+        this.followStatus = '1'
+        // 弹窗样式与何时调用待确认
+        ContentDetailRequest.postPointLevelOperate({ operateType: 6 }).then((res) => {
+          console.log('关注号主获取积分==', JSON.stringify(res.data))
+          if (res.data?.showToast) {
+            ToastUtils.showToast(res.data.ruleName + '+' + res.data.rulePoint + '积分', 1000);
+          }
+        })
+      }
+    })
+  }
+  /**
+   * 查询当前登录用户是否关注作品号主
+   * */
+  async getBatchAttentionStatus() {
+    try {
+      const params: postBatchAttentionStatusParams = {
+        creatorIds: [{ creatorId: this.rmhInfo?.rmhId ?? '' }]
+      }
+      let data = await MultiPictureDetailViewModel.getBatchAttentionStatus(params)
+      this.followStatus = data[0]?.status;
+      Logger.info(`rmhTitle-followStatus：${JSON.stringify(this.followStatus)}`)
+    } catch (exception) {
+      Logger.info(`rmhTitle-followStatus：${JSON.stringify(exception)}`)
+    }
   }
   }
 
 
   aboutToAppear(): void {
   aboutToAppear(): void {
+    this.getBatchAttentionStatus()
+
     let page = router.getState();
     let page = router.getState();
     if (page.path.includes('/page/PeopleShipHomePage') || page.path.includes('/pages/MainPage')) {
     if (page.path.includes('/page/PeopleShipHomePage') || page.path.includes('/pages/MainPage')) {
       this.hideTime = true;
       this.hideTime = true;
@@ -88,17 +143,20 @@ export struct RmhTitle {
       Blank()
       Blank()
       if (this.rmhInfo.cnIsAttention) {
       if (this.rmhInfo.cnIsAttention) {
         Row() {
         Row() {
+          if (Number(this.followStatus) === 0) {
             Image($r('app.media.rmh_follow'))
             Image($r('app.media.rmh_follow'))
               .width(16)
               .width(16)
               .height(16)
               .height(16)
-          Text('关注')
+          }
+
+          Text(Number(this.followStatus) === 0 ? '关注' : '已关注')
             .fontSize($r('app.float.font_size_13'))
             .fontSize($r('app.float.font_size_13'))
             .fontColor($r('app.color.color_ED2800'))
             .fontColor($r('app.color.color_ED2800'))
         }
         }
         .flexShrink(0)
         .flexShrink(0)
         .alignSelf(ItemAlign.Center)
         .alignSelf(ItemAlign.Center)
         .onClick(() => {
         .onClick(() => {
-          this.appointReq();
+          this.handleAccention();
         })
         })
       }
       }
     }
     }

 import { CompDTO } from 'wdBean/Index';
 import { CompDTO } from 'wdBean/Index';
-import { Logger } from 'wdKit/Index';
+import { DateTimeUtils, Logger } from 'wdKit/Index';
 import PageModel from '../../viewmodel/PageModel';
 import PageModel from '../../viewmodel/PageModel';
 
 
 /**
 /**
@@ -59,9 +59,9 @@ export struct CardAdvBottom {
           break;
           break;
         }
         }
       }
       }
-      Logger.error("ZZZXXXXX","currentIndex====>"+currentIndex);
       if (currentIndex >= 0) {
       if (currentIndex >= 0) {
         this.pageModel.compList.deleteItem(currentIndex)
         this.pageModel.compList.deleteItem(currentIndex)
+        this.pageModel.timestamp = DateTimeUtils.getTimeStamp().toString()
       }
       }
     }
     }
   }
   }

 import { CompDTO } from 'wdBean/Index';
 import { CompDTO } from 'wdBean/Index';
-import { Logger } from 'wdKit/Index';
+import { DateTimeUtils, Logger } from 'wdKit/Index';
 import PageModel from '../../viewmodel/PageModel';
 import PageModel from '../../viewmodel/PageModel';
 
 
 /**
 /**
@@ -71,10 +71,9 @@ export struct CardAdvTop {
           break;
           break;
         }
         }
       }
       }
-
-      Logger.error("ZZZXXXXX","currentIndex====>"+currentIndex);
       if (currentIndex >= 0) {
       if (currentIndex >= 0) {
         this.pageModel.compList.deleteItem(currentIndex)
         this.pageModel.compList.deleteItem(currentIndex)
+        this.pageModel.timestamp = DateTimeUtils.getTimeStamp().toString()
       }
       }
     }
     }
   }
   }

@@ -48,8 +48,9 @@ export struct Card10Component {
           .onClick((event: ClickEvent) => {
           .onClick((event: ClickEvent) => {
             ProcessUtils.processPage(this.contentDTO)
             ProcessUtils.processPage(this.contentDTO)
           })
           })
-
+        if (this.contentDTO.objectType == '5') {
           Notes({ objectType: 5 }).margin({ left: 5, bottom: 5 })
           Notes({ objectType: 5 }).margin({ left: 5, bottom: 5 })
+        }
       }.alignContent(Alignment.BottomStart)
       }.alignContent(Alignment.BottomStart)
 
 
       // 专题列表--后端返回三个，
       // 专题列表--后端返回三个，
@@ -106,7 +107,7 @@ export struct Card10Component {
             .fontColor($r('app.color.color_222222'))
             .fontColor($r('app.color.color_222222'))
             .maxLines(2)
             .maxLines(2)
             .textOverflow({ overflow: TextOverflow.Ellipsis })
             .textOverflow({ overflow: TextOverflow.Ellipsis })
-            .textIndent(item.objectType == '5' ? 40 : 0)
+            .textIndent(item.objectType == '5' ? 38 : 0)
         }.alignContent(Alignment.TopStart)
         }.alignContent(Alignment.TopStart)
 
 
         CardSourceInfo(
         CardSourceInfo(

 import { Action, CompDTO, ContentDTO, Params } from 'wdBean';
 import { Action, CompDTO, ContentDTO, Params } from 'wdBean';
 import { ExtraDTO } from 'wdBean/src/main/ets/bean/component/extra/ExtraDTO';
 import { ExtraDTO } from 'wdBean/src/main/ets/bean/component/extra/ExtraDTO';
 import { CommonConstants } from 'wdConstant/Index';
 import { CommonConstants } from 'wdConstant/Index';
-import { DateTimeUtils } from 'wdKit';
 import { WDRouterRule } from 'wdRouter';
 import { WDRouterRule } from 'wdRouter';
-import { CardMediaInfo } from '../cardCommon/CardMediaInfo'
-import { CardSourceInfo } from '../cardCommon/CardSourceInfo'
+import { CardSourceInfo } from '../cardCommon/CardSourceInfo';
 import { onlyWifiLoadImg } from '../../utils/lazyloadImg';
 import { onlyWifiLoadImg } from '../../utils/lazyloadImg';
+import { CardMediaInfo } from '../cardCommon/CardMediaInfo';
 
 
 const TAG = 'Card17Component';
 const TAG = 'Card17Component';
 
 
@@ -23,7 +22,6 @@ export struct Card17Component {
     this.loadImg = await onlyWifiLoadImg();
     this.loadImg = await onlyWifiLoadImg();
   }
   }
 
 
-
   build() {
   build() {
     Column({ space: 8 }) {
     Column({ space: 8 }) {
       Text(this.contentDTO.newsTitle)
       Text(this.contentDTO.newsTitle)
@@ -38,7 +36,8 @@ export struct Card17Component {
         // 三个图，
         // 三个图，
         GridRow({ gutter: 2 }) {
         GridRow({ gutter: 2 }) {
           GridCol({ span: { xs: 8 } }) {
           GridCol({ span: { xs: 8 } }) {
-            Image(this.loadImg ? this.contentDTO.fullColumnImgUrls.length > 0 ?this.contentDTO.fullColumnImgUrls[0].url:'' : '')
+            Image(this.loadImg ?
+              this.contentDTO.fullColumnImgUrls.length > 0 ? this.contentDTO.fullColumnImgUrls[0].url : '' : '')
               .backgroundColor(this.loadImg ? '#f5f5f5' : 0xf5f5f5)
               .backgroundColor(this.loadImg ? '#f5f5f5' : 0xf5f5f5)
               .width(CommonConstants.FULL_WIDTH)
               .width(CommonConstants.FULL_WIDTH)
               .aspectRatio(16 / 9)
               .aspectRatio(16 / 9)
@@ -49,7 +48,8 @@ export struct Card17Component {
           }
           }
 
 
           GridCol({ span: { xs: 4 } }) {
           GridCol({ span: { xs: 4 } }) {
-            Image(this.loadImg ? this.contentDTO.fullColumnImgUrls.length > 1? this.contentDTO.fullColumnImgUrls[1].url:'' : '')
+            Image(this.loadImg ?
+              this.contentDTO.fullColumnImgUrls.length > 1 ? this.contentDTO.fullColumnImgUrls[1].url : '' : '')
               .backgroundColor(this.loadImg ? '#f5f5f5' : 0xf5f5f5)
               .backgroundColor(this.loadImg ? '#f5f5f5' : 0xf5f5f5)
               .width(CommonConstants.FULL_WIDTH)
               .width(CommonConstants.FULL_WIDTH)
               .aspectRatio(16 / 9)
               .aspectRatio(16 / 9)
@@ -65,7 +65,8 @@ export struct Card17Component {
           }
           }
 
 
           GridCol({ span: { xs: 4 } }) {
           GridCol({ span: { xs: 4 } }) {
-            Image(this.loadImg ? this.contentDTO.fullColumnImgUrls.length > 2? this.contentDTO.fullColumnImgUrls[2].url:'' : '')
+            Image(this.loadImg ?
+              this.contentDTO.fullColumnImgUrls.length > 2 ? this.contentDTO.fullColumnImgUrls[2].url : '' : '')
               .backgroundColor(this.loadImg ? '#f5f5f5' : 0xf5f5f5)
               .backgroundColor(this.loadImg ? '#f5f5f5' : 0xf5f5f5)
               .width(CommonConstants.FULL_WIDTH)
               .width(CommonConstants.FULL_WIDTH)
               .aspectRatio(16 / 9)
               .aspectRatio(16 / 9)
@@ -94,6 +95,7 @@ export struct Card17Component {
         };
         };
         WDRouterRule.jumpWithAction(taskAction)
         WDRouterRule.jumpWithAction(taskAction)
       })
       })
+
       // 评论等信息
       // 评论等信息
       CardSourceInfo({ contentDTO: this.contentDTO })
       CardSourceInfo({ contentDTO: this.contentDTO })
     }
     }

@@ -27,6 +27,7 @@ export struct Card19Component {
           .textOverflowStyle(3)
           .textOverflowStyle(3)
           .margin({ bottom: 8 })
           .margin({ bottom: 8 })
           .width(CommonConstants.FULL_WIDTH)
           .width(CommonConstants.FULL_WIDTH)
+          .lineHeight(22)
           .onClick((event: ClickEvent) => {
           .onClick((event: ClickEvent) => {
             this.clicked = true;
             this.clicked = true;
             ProcessUtils.processPage(this.contentDTO)
             ProcessUtils.processPage(this.contentDTO)

@@ -31,7 +31,7 @@ export struct Card20Component {
           .width(CommonConstants.FULL_WIDTH)
           .width(CommonConstants.FULL_WIDTH)
           .textOverflowStyle(3)
           .textOverflowStyle(3)
           .margin({ bottom: 8 })
           .margin({ bottom: 8 })
-          .lineHeight(20)
+          .lineHeight(22)
       }
       }
       if (this.contentDTO.fullColumnImgUrls[0]) {
       if (this.contentDTO.fullColumnImgUrls[0]) {
         createImg({ contentDTO: this.contentDTO })
         createImg({ contentDTO: this.contentDTO })
@@ -102,6 +102,9 @@ struct createImg {
             CardMediaInfo({ contentDTO: this.contentDTO })
             CardMediaInfo({ contentDTO: this.contentDTO })
           }
           }
           .align(Alignment.BottomEnd)
           .align(Alignment.BottomEnd)
+          .onClick((event: ClickEvent) => {
+            ProcessUtils.gotoVod(this.contentDTO)
+          })
         }
         }
       }
       }
     }
     }

@@ -40,7 +40,7 @@ export struct Card2Component {
             .maxLines(2)
             .maxLines(2)
             .textOverflow({ overflow: TextOverflow.Ellipsis })// 超出的部分显示省略号。
             .textOverflow({ overflow: TextOverflow.Ellipsis })// 超出的部分显示省略号。
             .align(Alignment.Start)
             .align(Alignment.Start)
-            .textIndent(this.contentDTO.objectType == '5' ? 40 : 0)
+            .textIndent(this.contentDTO.objectType == '5' ? 35 : 0)
         }
         }
         .alignContent(Alignment.TopStart)
         .alignContent(Alignment.TopStart)
 
 

@@ -12,7 +12,7 @@ const TAG: string = 'Card5Component';
 @Component
 @Component
 export struct Card5Component {
 export struct Card5Component {
   @State contentDTO: ContentDTO = new ContentDTO();
   @State contentDTO: ContentDTO = new ContentDTO();
-  @State titleShowPolicy: number | string = 1
+  @Prop titleShowPolicy: number | string
   @State loadImg: boolean = false;
   @State loadImg: boolean = false;
   @State clicked: boolean = false;
   @State clicked: boolean = false;
 
 
@@ -22,12 +22,13 @@ export struct Card5Component {
 
 
   build() {
   build() {
     Stack() {
     Stack() {
+
       Image(this.loadImg ? this.contentDTO.coverUrl : '')
       Image(this.loadImg ? this.contentDTO.coverUrl : '')
         .backgroundColor(0xf5f5f5)
         .backgroundColor(0xf5f5f5)
         .width(CommonConstants.FULL_WIDTH)
         .width(CommonConstants.FULL_WIDTH)
         .autoResize(true)
         .autoResize(true)
         .borderRadius($r('app.float.image_border_radius'))
         .borderRadius($r('app.float.image_border_radius'))
-      // if ((this.titleShowPolicy === 1 || this.contentDTO.titleShow === 1) && this.contentDTO.newsTitle) {
+      if (this.titleShowPolicy === 1) {
         Row()
         Row()
           .width(CommonConstants.FULL_WIDTH)
           .width(CommonConstants.FULL_WIDTH)
           .height(59)
           .height(59)
@@ -41,20 +42,21 @@ export struct Card5Component {
             if (this.contentDTO.objectType == '5') {
             if (this.contentDTO.objectType == '5') {
               Notes({ objectType: this.contentDTO.objectType })
               Notes({ objectType: this.contentDTO.objectType })
             }
             }
+
             Text(this.contentDTO.newsTitle)
             Text(this.contentDTO.newsTitle)
-              .width(CommonConstants.FULL_WIDTH)// .height(CommonConstants.FULL_HEIGHT)
+              .width(CommonConstants.FULL_WIDTH)
               .fontColor(Color.White)
               .fontColor(Color.White)
               .fontSize($r('app.float.normal_text_size'))
               .fontSize($r('app.float.normal_text_size'))
               .fontWeight(FontWeight.Bold)
               .fontWeight(FontWeight.Bold)
               .maxLines(2)
               .maxLines(2)
               .align(Alignment.TopStart)
               .align(Alignment.TopStart)
-              .textIndent(this.contentDTO.objectType == '5' ? 40 : 0)
+              .textIndent(this.contentDTO.objectType == '5' ? 35 : 0)
           }.alignContent(Alignment.TopStart)
           }.alignContent(Alignment.TopStart)
         }
         }
         .justifyContent(FlexAlign.Start)
         .justifyContent(FlexAlign.Start)
-        // .height(40)
         .margin({ left: 12, bottom: 10, right: 12 })
         .margin({ left: 12, bottom: 10, right: 12 })
-      // }
+
+      }
     }
     }
     .alignContent(Alignment.Bottom)
     .alignContent(Alignment.Bottom)
     .width(CommonConstants.FULL_WIDTH)
     .width(CommonConstants.FULL_WIDTH)

@@ -45,11 +45,12 @@ export struct Card6Component {
             Text(`${this.contentDTO.newsTitle}`)
             Text(`${this.contentDTO.newsTitle}`)
               .fontColor(this.clicked ? 0x848484 : 0x222222)
               .fontColor(this.clicked ? 0x848484 : 0x222222)
               .fontSize(16)
               .fontSize(16)
+              .lineHeight(24)
               .fontWeight(FontWeight.Normal)
               .fontWeight(FontWeight.Normal)
               .maxLines(3)
               .maxLines(3)
               .alignSelf(ItemAlign.Start)
               .alignSelf(ItemAlign.Start)
               .textOverflow({ overflow: TextOverflow.Ellipsis })// 超出的部分显示省略号。
               .textOverflow({ overflow: TextOverflow.Ellipsis })// 超出的部分显示省略号。
-              .textIndent(this.contentDTO.newTags?.length < 5 && this.contentDTO.newTags?.length > 2 ? 60 :
+              .textIndent(this.contentDTO.newTags?.length < 5 && this.contentDTO.newTags?.length > 2 ? 58 :
                 (this.contentDTO.newTags?.length != 0 && this.contentDTO.newTags?.length) ||
                 (this.contentDTO.newTags?.length != 0 && this.contentDTO.newTags?.length) ||
                   this.contentDTO.objectType == '5' ? 30 : 0)
                   this.contentDTO.objectType == '5' ? 30 : 0)
           }.alignContent(Alignment.TopStart)
           }.alignContent(Alignment.TopStart)
@@ -70,7 +71,7 @@ export struct Card6Component {
           .backgroundColor(this.loadImg ? $r('app.color.color_B0B0B0') : 0xf5f5f5)
           .backgroundColor(this.loadImg ? $r('app.color.color_B0B0B0') : 0xf5f5f5)
           .borderRadius(5)
           .borderRadius(5)
           .aspectRatio(this.contentDTO.appStyle === CompStyle.Card_13 ? 3 / 2 : 3 / 4)
           .aspectRatio(this.contentDTO.appStyle === CompStyle.Card_13 ? 3 / 2 : 3 / 4)
-          .height(this.contentDTO.appStyle === CompStyle.Card_13 ? 80 : 180)
+          .height(this.contentDTO.appStyle === CompStyle.Card_13 ? 78 : 156)
         CardMediaInfo({ contentDTO: this.contentDTO })
         CardMediaInfo({ contentDTO: this.contentDTO })
       }
       }
       .alignContent(Alignment.BottomEnd)
       .alignContent(Alignment.BottomEnd)

@@ -43,8 +43,11 @@ export struct Card9Component {
             topRight: $r('app.float.image_border_radius')
             topRight: $r('app.float.image_border_radius')
           })
           })
 
 
+        if (this.contentDTO.objectType == '5') {
           Notes({ objectType: 5 })
           Notes({ objectType: 5 })
             .margin({ left: 5, bottom: 5 })
             .margin({ left: 5, bottom: 5 })
+        }
+
       }.alignContent(Alignment.BottomStart)
       }.alignContent(Alignment.BottomStart)
 
 
       // 时间线--后端返回三个，
       // 时间线--后端返回三个，

@@ -13,10 +13,10 @@ export struct Notes {
   build() {
   build() {
     if (this.returnTypeTitleFn()) {
     if (this.returnTypeTitleFn()) {
       Text(this.returnTypeTitleFn())
       Text(this.returnTypeTitleFn())
-        .fontSize($r('app.float.font_size_12'))
+        .fontSize($r('app.float.font_size_11'))
         .padding({
         .padding({
-          left: 5,
-          right: 5,
+          left: 4,
+          right: 4,
           top: 3,
           top: 3,
           bottom: 3
           bottom: 3
         })
         })

@@ -20,6 +20,8 @@ export class publishCommentModel {
   targetType: string = ''
   targetType: string = ''
   /*评论总数*/
   /*评论总数*/
   totalCommentNumer: string = '0'
   totalCommentNumer: string = '0'
+  /// 游客评论开关：visitorComment  1：打开；0：关闭
+  visitorComment: string = "0"
 
 
   //评论传参
   //评论传参
   /*评论图片url，多个逗号隔开*/
   /*评论图片url，多个逗号隔开*/

@@ -8,9 +8,11 @@ import { HttpUtils } from 'wdNetwork/Index';
 import { WDRouterPage, WDRouterRule } from 'wdRouter/Index';
 import { WDRouterPage, WDRouterRule } from 'wdRouter/Index';
 import NoMoreLayout from '../../page/NoMoreLayout';
 import NoMoreLayout from '../../page/NoMoreLayout';
 import { EmptyComponent } from '../../view/EmptyComponent';
 import { EmptyComponent } from '../../view/EmptyComponent';
+import { ContentDetailDTO, Params } from 'wdBean/Index';
 
 
 const TAG = 'CommentComponent';
 const TAG = 'CommentComponent';
 
 
+
 const testString = '因为读书的人\n是低着头向上看的人\n身处一隅，却能放眼世界\n2，因为读书的人\n总是比不读书的人\n活得有趣一点\n3，因为读书的人\n即使平凡，绝不平庸'
 const testString = '因为读书的人\n是低着头向上看的人\n身处一隅，却能放眼世界\n2，因为读书的人\n总是比不读书的人\n活得有趣一点\n3，因为读书的人\n即使平凡，绝不平庸'
 
 
 // @Entry
 // @Entry
@@ -22,14 +24,20 @@ export struct CommentComponent {
   @State isComments: boolean = true
   @State isComments: boolean = true
   /*必传*/
   /*必传*/
   @ObjectLink publishCommentModel: publishCommentModel
   @ObjectLink publishCommentModel: publishCommentModel
+  @Consume contentDetailData: ContentDetailDTO
   listScroller: ListScroller = new ListScroller(); // scroller控制器
   listScroller: ListScroller = new ListScroller(); // scroller控制器
   historyOffset: number = 0; // 上次浏览到列表距离顶端的偏移量offset
   historyOffset: number = 0; // 上次浏览到列表距离顶端的偏移量offset
-  isloading: boolean = false
   @State allDatas: LazyDataSource<commentItemModel> = new LazyDataSource();
   @State allDatas: LazyDataSource<commentItemModel> = new LazyDataSource();
   @State dialogController: CustomDialogController | null = null;
   @State dialogController: CustomDialogController | null = null;
 
 
   // @State private browSingModel: commentListModel = new commentListModel()
   // @State private browSingModel: commentListModel = new commentListModel()
 
 
+  // 是否为固定高度模式。true时，里面上拉加载更多生效，外层不能包Scroll。
+  // false时，外层实现加载更多，并通过reachEndIncreament通知开发加载更多，reachEndLoadMoreFinish 通知上层加载更多完成
+  fixedHeightMode: boolean = false
+  @Prop @Watch("parentOnReachEnd") reachEndIncreament : number = 0
+  reachEndLoadMoreFinish?: () => void
+
   // 在自定义组件即将析构销毁时将dialogControlle置空
   // 在自定义组件即将析构销毁时将dialogControlle置空
   aboutToDisappear() {
   aboutToDisappear() {
     this.dialogController = null // 将dialogController置空
     this.dialogController = null // 将dialogController置空
@@ -183,28 +191,49 @@ export struct CommentComponent {
 
 
           // 加载更多
           // 加载更多
           ListItem() {
           ListItem() {
-            if (this.hasMore === false) {
+            if (this.hasMore == false) {
               NoMoreLayout()
               NoMoreLayout()
             }
             }
           }
           }
         }
         }
-
       }
       }
+      .margin({bottom: 10})
       .onReachEnd(() => {
       .onReachEnd(() => {
+        if (!this.fixedHeightMode) {
+          return
+        }
         if (this.hasMore) {
         if (this.hasMore) {
           this.getData()
           this.getData()
         }
         }
       })
       })
-      .enableScrollInteraction(false)
+      .enableScrollInteraction(this.fixedHeightMode ? true: false)
+      // .nestedScroll({
+      //   scrollForward: NestedScrollMode.PARENT_FIRST,
+      //   scrollBackward: NestedScrollMode.SELF_FIRST
+      // })
     }
     }
 
 
   }
   }
 
 
+  parentOnReachEnd() {
+    if (this.fixedHeightMode) {
+      return
+    }
+    if (this.hasMore) {
+      this.getData()
+    } else {
+      if (this.reachEndLoadMoreFinish) {
+        this.reachEndLoadMoreFinish()
+      }
+    }
+  }
+
   //获取数据
   //获取数据
   async getData() {
   async getData() {
     commentViewModel.fetchContentCommentList(this.currentPage + '', this.publishCommentModel.targetId,
     commentViewModel.fetchContentCommentList(this.currentPage + '', this.publishCommentModel.targetId,
       this.publishCommentModel.targetType)
       this.publishCommentModel.targetType)
       .then(commentListModel => {
       .then(commentListModel => {
+        console.log('评论：', JSON.stringify(commentListModel.list))
         this.currentPage++
         this.currentPage++
 
 
         if (Number.parseInt(commentListModel.totalCommentNum) >
         if (Number.parseInt(commentListModel.totalCommentNum) >
@@ -237,6 +266,9 @@ export struct CommentComponent {
         } else {
         } else {
           this.hasMore = false
           this.hasMore = false
         }
         }
+        if (!this.fixedHeightMode && this.reachEndLoadMoreFinish) {
+          this.reachEndLoadMoreFinish()
+        }
       })
       })
   }
   }
 }
 }
@@ -247,6 +279,7 @@ struct ChildCommentItem {
   @Link publishCommentModel: publishCommentModel
   @Link publishCommentModel: publishCommentModel
   @Link dialogController: CustomDialogController | null
   @Link dialogController: CustomDialogController | null
   @ObjectLink item: commentItemModel
   @ObjectLink item: commentItemModel
+  @Consume contentDetailData: ContentDetailDTO
 
 
   build() {
   build() {
     Column() {
     Column() {
@@ -271,6 +304,14 @@ struct ChildCommentItem {
         .alignContent(Alignment.Center)
         .alignContent(Alignment.Center)
         .onClick(() => {
         .onClick(() => {
           // TODO 跳转个人详情
           // TODO 跳转个人详情
+          // 跳转到号主页
+          if (this.contentDetailData.rmhInfo?.cnMainControl === 1) {
+            const params: Params = {
+              creatorId: this.contentDetailData.rmhInfo.rmhId,
+              pageID: ''
+            }
+            WDRouterRule.jumpWithPage(WDRouterPage.peopleShipHomePage, params)
+          }
         })
         })
 
 
         //昵称
         //昵称
@@ -455,7 +496,7 @@ struct commentHeaderView {
         .margin({ left: 8 })
         .margin({ left: 8 })
         .alignContent(Alignment.Center)
         .alignContent(Alignment.Center)
         .onClick(() => {
         .onClick(() => {
-          // TODO 跳转个人详情
+          commentViewModel.jumpToAccountPage(this.item)
         })
         })
 
 
         //昵称
         //昵称

+import { ContentDetailDTO, PageInfoDTO } from 'wdBean/Index'
+import { publishCommentModel } from '../model/PublishCommentModel'
+
+@CustomDialog
+export struct CommentListDialog {
+
+  /// 内部使用
+  private publishCommentModel: publishCommentModel = new publishCommentModel()
+  controller?: CustomDialogController
+
+  /// 外部初始化
+  contentDetail?: ContentDetailDTO
+  pageInfo?: PageInfoDTO
+
+  build() {
+  }
+
+
+}

@@ -11,11 +11,12 @@ export struct CommentTabComponent {
   }
   }
   @ObjectLink publishCommentModel: publishCommentModel
   @ObjectLink publishCommentModel: publishCommentModel
   @Prop contentDetail: ContentDetailDTO
   @Prop contentDetail: ContentDetailDTO
+  @Prop pageComponentType: number = -1 //1:视频详情页
   /*展示类型*/
   /*展示类型*/
   @State type: number = 1
   @State type: number = 1
   @State placeHolder: string = '说两句...'
   @State placeHolder: string = '说两句...'
   @State dialogController: CustomDialogController | null = null;
   @State dialogController: CustomDialogController | null = null;
-  styleType : number = 1   //1: 白色背景（图文底部栏）    2: 黑色背景（图集底部栏）
+  styleType: number = 1 //1: 白色背景（图文底部栏）    2: 黑色背景（图集底部栏）
   /*回调方法*/
   /*回调方法*/
   dialogControllerConfirm: () => void = () => {
   dialogControllerConfirm: () => void = () => {
   }
   }
@@ -46,9 +47,36 @@ export struct CommentTabComponent {
     Row() {
     Row() {
       Stack({ alignContent: Alignment.Start }) {
       Stack({ alignContent: Alignment.Start }) {
         RelativeContainer() {
         RelativeContainer() {
+
+          if (this.pageComponentType === 1) {
+            Row() {
+
+            }
+            .width('100%')
+            .height(30)
+            .borderRadius(2)
+            .backgroundColor(this.pageComponentType === 1 ? '#1a1a1a' : Color.Transparent)
+            .margin({
+              right: 16,
+            })
+            .alignRules({
+              top: { anchor: "__container__", align: VerticalAlign.Top },
+              left: { anchor: "__container__", align: HorizontalAlign.Start },
+              right: { anchor: "__container__", align: HorizontalAlign.End },
+              bottom: { anchor: "__container__", align: VerticalAlign.Bottom },
+            })
+            .id("RowBg")
+          } else {
             Image($r('app.media.comment_img_input_hui'))
             Image($r('app.media.comment_img_input_hui'))
               .objectFit(ImageFit.Fill)
               .objectFit(ImageFit.Fill)
-            .resizable({ slice: { top: 1, left: 1, right: 20, bottom: 1 } })
+              .resizable({
+                slice: {
+                  top: 1,
+                  left: 1,
+                  right: 20,
+                  bottom: 1
+                }
+              })
               .alignRules({
               .alignRules({
                 top: { anchor: "__container__", align: VerticalAlign.Top },
                 top: { anchor: "__container__", align: VerticalAlign.Top },
                 left: { anchor: "__container__", align: HorizontalAlign.Start },
                 left: { anchor: "__container__", align: HorizontalAlign.Start },
@@ -56,6 +84,7 @@ export struct CommentTabComponent {
                 bottom: { anchor: "__container__", align: VerticalAlign.Bottom },
                 bottom: { anchor: "__container__", align: VerticalAlign.Bottom },
               })
               })
               .id("Image")
               .id("Image")
+          }
           Text(this.placeHolder)
           Text(this.placeHolder)
             .fontSize(12)
             .fontSize(12)
             .fontColor('#999999')
             .fontColor('#999999')
@@ -91,7 +120,7 @@ export struct CommentIconComponent {
   @ObjectLink publishCommentModel: publishCommentModel
   @ObjectLink publishCommentModel: publishCommentModel
   /*展示类型*/
   /*展示类型*/
   @State type: number = 1
   @State type: number = 1
-  styleType : number = 1   //1: 白色背景（图文底部栏）    2: 黑色背景（图集底部栏）
+  styleType: number = 1 //1: 白色背景（图文底部栏）    2: 黑色背景（图集底部栏）
   // aboutToAppear(): void {
   // aboutToAppear(): void {
   //   setTimeout(() => {
   //   setTimeout(() => {
   //     this.publishCommentModel.totalCommentNumer = '444'
   //     this.publishCommentModel.totalCommentNumer = '444'

@@ -412,33 +412,7 @@ struct QualityCommentItem {
 
 
   jumpToAccountOwner() {
   jumpToAccountOwner() {
 
 
-    let url = HttpUrlUtils.getOtherUserDetailDataUrl()
-    let item : Record<string, string >= {
-      "creatorId": this.item.fromCreatorId || "",
-      "userType": `${this.item.fromUserType}`,
-      "userId": this.item.fromUserId || "-1",
-    }
-    HttpBizUtil.post<ResponseDTO<MasterDetailRes>>(url, item).then((result) => {
-      if (!result.data || result.data.mainControl != 1) {
-        ToastUtils.longToast("暂时无法查看该创作者主页")
-        return
-      }
-
-      if (result.data.banControl == 1) {
-        ToastUtils.longToast("该账号已封禁，不予访问")
-        return
-      }
-
-      if (result.data.userType === "1") { // 普通用户
-        let params: Record<string, string> = {'userId': result.data.userId};
-        WDRouterRule.jumpWithPage(WDRouterPage.otherNormalUserHomePagePage,params)
-      } else { // 非普通用户
-        ProcessUtils.gotoPeopleShipHomePage(result.data.creatorId)
-      }
-
-    }).catch(() => {
-      ToastUtils.longToast("暂时无法查看该创作者主页")
-    })
+    commentViewModel.jumpToAccountPage(this.item)
   }
   }
 
 
   jumpToDetail() {
   jumpToDetail() {

+import { MasterDetailRes } from 'wdBean/Index';
 import { SpConstants } from 'wdConstant/Index';
 import { SpConstants } from 'wdConstant/Index';
-import { DateTimeUtils, Logger, SPHelper, ToastUtils, UserDataLocal } from 'wdKit/Index';
+import {
+  AccountManagerUtils,
+  DateTimeUtils, DeviceUtil, Logger, SPHelper, ToastUtils, UserDataLocal } from 'wdKit/Index';
 import { HttpBizUtil, HttpUrlUtils, HttpUtils, ResponseDTO } from 'wdNetwork/Index';
 import { HttpBizUtil, HttpUrlUtils, HttpUtils, ResponseDTO } from 'wdNetwork/Index';
 import { HttpRequest } from 'wdNetwork/src/main/ets/http/HttpRequest';
 import { HttpRequest } from 'wdNetwork/src/main/ets/http/HttpRequest';
+import { ProcessUtils, WDRouterPage, WDRouterRule } from 'wdRouter/Index';
 import {
 import {
   commentItemModel,
   commentItemModel,
   commentListModel,
   commentListModel,
@@ -160,7 +164,9 @@ class CommentViewModel {
   publishComment(model: publishCommentModel) {
   publishComment(model: publishCommentModel) {
 
 
     return new Promise<commentItemModel>((success, fail) => {
     return new Promise<commentItemModel>((success, fail) => {
-      let url = HttpUrlUtils.getPublishCommentUrl()
+      const visitorMode = model.visitorComment == "1" && AccountManagerUtils.isLoginSync() == false
+      let url = visitorMode ? HttpUrlUtils.getNoUserPublishCommentUrl() : HttpUrlUtils.getPublishCommentUrl()
+
       let bean: Record<string, string> = {};
       let bean: Record<string, string> = {};
 
 
       bean['targetId'] = model.targetId;
       bean['targetId'] = model.targetId;
@@ -176,6 +182,11 @@ class CommentViewModel {
       bean['targetType'] = model.targetType
       bean['targetType'] = model.targetType
       bean['parentId'] = model.parentId
       bean['parentId'] = model.parentId
 
 
+      if (visitorMode) {
+        bean['deviceId'] = DeviceUtil.clientId()
+        bean['userName'] = SPHelper.default.getSync(SpConstants.TOURIST_NICK_NAME, "") as string
+      }
+
       HttpRequest.post<ResponseDTO<commentItemModel>>(url, bean).then((data: ResponseDTO<commentItemModel>) => {
       HttpRequest.post<ResponseDTO<commentItemModel>>(url, bean).then((data: ResponseDTO<commentItemModel>) => {
         if (data.code != 0) {
         if (data.code != 0) {
           ToastUtils.showToast(data.message, 1000);
           ToastUtils.showToast(data.message, 1000);
@@ -185,10 +196,9 @@ class CommentViewModel {
         ToastUtils.showToast(data.message, 1000);
         ToastUtils.showToast(data.message, 1000);
         let model = data.data as commentItemModel
         let model = data.data as commentItemModel
 
 
-        let userId = HttpUtils.getUserId()
-        let FIRSTCOMMENTTIME = SPHelper.default.getSync(SpConstants.FIRSTCOMMENTTIME, '')
+        let firstCommentTime = SPHelper.default.getSync(SpConstants.FIRSTCOMMENTTIME, '') as string
 
 
-        if (!userId && !FIRSTCOMMENTTIME) {
+        if (visitorMode && firstCommentTime.length == 0) {
           //保存首次评论时间
           //保存首次评论时间
           SPHelper.default.saveSync(SpConstants.FIRSTCOMMENTTIME, DateTimeUtils.formatDate(data.timestamp, DateTimeUtils.PATTERN_DATE_TIME_HYPHEN))
           SPHelper.default.saveSync(SpConstants.FIRSTCOMMENTTIME, DateTimeUtils.formatDate(data.timestamp, DateTimeUtils.PATTERN_DATE_TIME_HYPHEN))
         }
         }
@@ -472,6 +482,36 @@ class CommentViewModel {
     }
     }
     return false
     return false
   }
   }
+
+  jumpToAccountPage(commentItem: commentItemModel) {
+    let url = HttpUrlUtils.getOtherUserDetailDataUrl()
+    let item : Record<string, string >= {
+      "creatorId": commentItem.fromCreatorId || "",
+      "userType": `${commentItem.fromUserType}`,
+      "userId": commentItem.fromUserId || "-1",
+    }
+    HttpBizUtil.post<ResponseDTO<MasterDetailRes>>(url, item).then((result) => {
+      if (!result.data || result.data.mainControl != 1) {
+        ToastUtils.longToast("暂时无法查看该创作者主页")
+        return
+      }
+
+      if (result.data.banControl == 1) {
+        ToastUtils.longToast("该账号已封禁，不予访问")
+        return
+      }
+
+      if (result.data.userType === "1") { // 普通用户
+        let params: Record<string, string> = {'userId': result.data.userId};
+        WDRouterRule.jumpWithPage(WDRouterPage.otherNormalUserHomePagePage,params)
+      } else { // 非普通用户
+        ProcessUtils.gotoPeopleShipHomePage(result.data.creatorId)
+      }
+
+    }).catch(() => {
+      ToastUtils.longToast("暂时无法查看该创作者主页")
+    })
+  }
 }
 }
 
 
 
 

@@ -214,7 +214,7 @@ struct CarouselLayout01CardView {
             .align(Alignment.Bottom)
             .align(Alignment.Bottom)
             .maxLines(CompUtils.MAX_LINES_2)
             .maxLines(CompUtils.MAX_LINES_2)
             .textOverflow({ overflow: TextOverflow.Ellipsis })
             .textOverflow({ overflow: TextOverflow.Ellipsis })
-            .textIndent(this.item.objectType == '5' ? 40 : 0)
+            .textIndent(this.item.objectType == '5' ? 35 : 0)
         }
         }
         // .height(39)
         // .height(39)
         .padding({
         .padding({
@@ -231,7 +231,7 @@ struct CarouselLayout01CardView {
       .height(CommonConstants.FULL_PARENT)
       .height(CommonConstants.FULL_PARENT)
     }
     }
     .width(CommonConstants.FULL_WIDTH)
     .width(CommonConstants.FULL_WIDTH)
-    .aspectRatio(CompUtils.ASPECT_RATIO_2_1)
+    .aspectRatio(CompUtils.ASPECT_RATIO_16_9)
     .alignContent(Alignment.BottomStart)
     .alignContent(Alignment.BottomStart)
     .hoverEffect(HoverEffect.Scale)
     .hoverEffect(HoverEffect.Scale)
   }
   }

@@ -40,6 +40,7 @@ export struct ZhSingleRow03 {
 
 
   // 请求所有预约状态
   // 请求所有预约状态
   async getReserveState() {
   async getReserveState() {
+    this.reservedIds = []
     const reserveBean: reserveReqItem[] = this.compDTO.operDataList.map((item: ContentDTO) => {
     const reserveBean: reserveReqItem[] = this.compDTO.operDataList.map((item: ContentDTO) => {
       const reqItem: reserveReqItem = {
       const reqItem: reserveReqItem = {
         liveId: item.objectId.toString(),
         liveId: item.objectId.toString(),

-import { commentInfo, CompDTO, ContentDTO, Params } from 'wdBean';
+import { commentInfo, CompDTO, ContentDTO, Params, batchLikeAndCollectResult } from 'wdBean';
 import { WDRouterPage, WDRouterRule } from 'wdRouter/Index';
 import { WDRouterPage, WDRouterRule } from 'wdRouter/Index';
-import { DateTimeUtils, SPHelper } from 'wdKit/Index';
+import { DateTimeUtils, SPHelper, Logger } from 'wdKit/Index';
 import { ProcessUtils } from 'wdRouter';
 import { ProcessUtils } from 'wdRouter';
 import { SpConstants } from 'wdConstant/Index'
 import { SpConstants } from 'wdConstant/Index'
+import {
+  batchLikeAndCollectParams,
+} from 'wdDetailPlayApi/src/main/ets/request/ContentDetailRequest';
+import { MultiPictureDetailViewModel } from '../../viewmodel/MultiPictureDetailViewModel';
+import commentViewModel from '../../components/comment/viewmodel/CommentViewModel';
+import { commentItemModel } from '../../components/comment/model/CommentModel'
 
 
 /**
 /**
  * 精选评论卡
  * 精选评论卡
  * Zh_Single_Row-06
  * Zh_Single_Row-06
  */
  */
 const TAG = 'Zh_Single_Row-06'
 const TAG = 'Zh_Single_Row-06'
-
-// interface commentInfo {
-//   commentTitle: string,
-//   newsTitle: string,
-//   userName: string,
-//   userHeaderUrl: string,
-//   publishTime: number
-// }
-// interface operDataListItem {
-//   commentInfo: commentInfo
-// }
-// interface CommentData{
-//   operDataList: Array<operDataListItem>
-// }
-
 @Entry
 @Entry
 @Component
 @Component
 export struct ZhSingleRow06 {
 export struct ZhSingleRow06 {
   @State compDTO: CompDTO = {} as CompDTO
   @State compDTO: CompDTO = {} as CompDTO
-  @State likeBl: boolean = false;
+  @State newsStatusOfUser: batchLikeAndCollectResult = {
+    likeStatus: '0'
+  } as batchLikeAndCollectResult // 点赞、收藏状态
+
+  aboutToAppear(): void {
+    this.getInteractDataStatus()
+  }
 
 
-  async likeAction() {
+  /**
+   * 点赞、取消点赞
+   */
+  async toggleLikeStatus() {
+    // 未登录，跳转登录
     const user_id = await SPHelper.default.get(SpConstants.USER_ID, '')
     const user_id = await SPHelper.default.get(SpConstants.USER_ID, '')
     if (!user_id) {
     if (!user_id) {
       WDRouterRule.jumpWithPage(WDRouterPage.loginPage)
       WDRouterRule.jumpWithPage(WDRouterPage.loginPage)
       return
       return
     }
     }
 
 
-    if (this.likeBl) {
-      this.likeBl = false;
-    } else {
-      this.likeBl = true;
+    const commentInfo = this.compDTO.operDataList[0]?.commentInfo as commentInfo;
+    // commentLikeChange(this.item)
+    this.newsStatusOfUser.likeStatus = this.newsStatusOfUser.likeStatus === '1' ? '0' : '1';
+    const commentLikeParam = {
+      targetId: commentInfo.newsId || '',
+      id: commentInfo.commentId,
+      targetType: commentInfo?.objectType || '',
+      api_status: this.newsStatusOfUser?.likeStatus == '1' ? false : true
+    } as commentItemModel;
+    commentViewModel.commentLike(commentLikeParam).then(() => {
+    }).catch(() => {
+      this.newsStatusOfUser.likeStatus = this.newsStatusOfUser.likeStatus === '1' ? '0' : '1';
+    })
+  }
+
+  // 已登录->查询用户对作品点赞、收藏状态
+  async getInteractDataStatus() {
+    // 未登录，跳转登录
+    const user_id = await SPHelper.default.get(SpConstants.USER_ID, '')
+    if (!user_id) {
+      return
+    }
+    try {
+      const params: batchLikeAndCollectParams = {
+        contentList: [
+          {
+            contentId: this.compDTO.operDataList[0]?.commentInfo?.newsId + '',
+            contentType: this.compDTO.operDataList[0]?.commentInfo?.newsType + '',
+          }
+        ]
+      }
+      let data = await MultiPictureDetailViewModel.getInteractDataStatus(params)
+      Logger.info(TAG, 'ZhSingleRow06-data', JSON.stringify(data))
+      this.newsStatusOfUser = data[0];
+      Logger.info(TAG, `ZhSingleRow06-newsStatusOfUser：${JSON.stringify(this.newsStatusOfUser)}`)
+    } catch (exception) {
+      console.error(TAG, JSON.stringify(exception))
     }
     }
   }
   }
 
 
@@ -95,7 +129,7 @@ export struct ZhSingleRow06 {
           .fontColor(0x999999)
           .fontColor(0x999999)
 
 
         Row(){
         Row(){
-          Image(this.likeBl ? $r('app.media.icon_like_select') : $r('app.media.icon_like'))
+          Image(Number(this.newsStatusOfUser?.likeStatus) == 1 ? $r('app.media.icon_like_select') : $r('app.media.icon_like'))
             .width(16)
             .width(16)
             .height(16)
             .height(16)
             .margin({right: 3})
             .margin({right: 3})
@@ -103,9 +137,11 @@ export struct ZhSingleRow06 {
           Text('点赞')
           Text('点赞')
             .fontSize(15)
             .fontSize(15)
             .fontColor(0x999999)
             .fontColor(0x999999)
+            .onClick(() => {
+            })
         }
         }
         .onClick(() => {
         .onClick(() => {
-          this.likeAction()
+          this.toggleLikeStatus()
         })
         })
       }
       }
       .justifyContent(FlexAlign.SpaceBetween)
       .justifyContent(FlexAlign.SpaceBetween)

+/**
+ * 直播页面点赞动画
+ */
+
+interface animationItem {
+  x: string | number;
+  y: string | number;
+  opacity: number;
+  name: string;
+  key: string;
+  url: Resource
+}
+
+@Component
+export struct LikeAnimationView {
+  @State @Watch('countChange') count: number = 0
+  @State imgList: Resource[] =
+    [$r('app.media.like_animation_1'), $r('app.media.like_animation_2'), $r('app.media.like_animation_3')]
+  @State animationList: animationItem[] = []
+
+  countChange() {
+    this.animationList.push({
+      name: 'xxxx',
+      x: 0,
+      y: 0,
+      opacity: 1,
+      key: Math.random() + '',
+      url: this.getRandomUrl()
+
+    })
+  }
+
+  getRandomUrl(): Resource {
+    if (Math.random() >= 0 && Math.random() >= 0.33) {
+      return this.imgList[0]
+    } else if (Math.random() >= 0.33 && Math.random() >= 0.66) {
+      return this.imgList[1]
+    } else {
+      return this.imgList[2]
+    }
+  }
+
+  startAnimation() {
+
+  }
+
+  stopAnimation() {
+
+  }
+
+  aboutToAppear(): void {
+  }
+
+  aboutToDisappear(): void {
+  }
+
+  build() {
+    Stack() {
+      ForEach(this.animationList, (item: animationItem) => {
+        Image(item.url)
+          .width(48)
+          .height(48)
+      }, (item: animationItem) => item.key)
+    }
+
+  }
+}

-import lottie, { AnimationSegment } from '@ohos/lottie';
+import lottie, { AnimationItem, AnimationSegment } from '@ohos/lottie';
 
 
 @Component
 @Component
 export struct LottieView {
 export struct LottieView {
-  @Prop name: string = ''
-  @Prop path: string = ''
-  @Prop lottieWidth?: number = 30
-  @Prop lottieHeight?: number = 30
-  @Prop autoplay?: boolean = false
-  @Prop loop?: boolean = false
+  @Prop name: string
+  @Prop path: string
+  @Prop lottieWidth: number = 30
+  @Prop lottieHeight: number = 30
+  @Prop autoplay: boolean = false
+  @Prop loop: boolean = false
   @Prop initialSegment?: AnimationSegment = [0, 120] // 动画起始帧
   @Prop initialSegment?: AnimationSegment = [0, 120] // 动画起始帧
-  @Prop onReady: (animateItem: ESObject) => void // 动画初始化完成事件
+  @Prop onReady: (animateItem: AnimationItem | null) => void // 动画初始化完成事件
   @Prop onComplete?: () => void // 动画完成事件
   @Prop onComplete?: () => void // 动画完成事件
-  private politeChickyController: CanvasRenderingContext2D = new CanvasRenderingContext2D(); // CanvasRenderingContext2D对象
-  private animateItem: ESObject = null; // 初始化loadAnimation接口的返回对象
+  private politeChickyController: CanvasRenderingContext2D =
+    new CanvasRenderingContext2D(); // CanvasRenderingContext2D对象
+  private animateItem: AnimationItem | null = null; // 初始化loadAnimation接口的返回对象
 
 
   // 页面隐藏销毁动画
   // 页面隐藏销毁动画
   onPageHide(): void {
   onPageHide(): void {
-    this.animateItem.destroy()
+    this.animateItem?.destroy()
 
 
     if (this.onComplete) {
     if (this.onComplete) {
-      this.animateItem.removeEventListener('complete', this.onComplete)
+      this.animateItem?.removeEventListener('complete', this.onComplete)
     }
     }
   }
   }
 
 
@@ -44,7 +45,7 @@ export struct LottieView {
       // initialSegment: this.initialSegment
       // initialSegment: this.initialSegment
     })
     })
     if (this.initialSegment) {
     if (this.initialSegment) {
-      this.animateItem.initialSegment = this.initialSegment
+      this.animateItem.segments = this.initialSegment
     }
     }
 
 
     if (this.onComplete) {
     if (this.onComplete) {
@@ -57,7 +58,7 @@ export struct LottieView {
     Stack({ alignContent: Alignment.TopStart }) {
     Stack({ alignContent: Alignment.TopStart }) {
       Canvas(this.politeChickyController)
       Canvas(this.politeChickyController)
         .width(this.lottieWidth)
         .width(this.lottieWidth)
-        .height(this.lottieHeight)
+        .height(this.lottieHeight)// .backgroundColor(Color.Black)
         .onReady(() => {
         .onReady(() => {
           this.loadAnimation();
           this.loadAnimation();
           if (this.onReady) {
           if (this.onReady) {
@@ -65,7 +66,7 @@ export struct LottieView {
           }
           }
         })
         })
         .onClick(() => {
         .onClick(() => {
-          this.animateItem.play()
+          this.animateItem?.play()
         })
         })
     }
     }
   }
   }

 import MinePageMoreFunctionModel from '../../viewmodel/MinePageMoreFunctionModel'
 import MinePageMoreFunctionModel from '../../viewmodel/MinePageMoreFunctionModel'
-import { WDRouterRule, WDRouterPage } from 'wdRouter'
+import { WDRouterRule, WDRouterPage, ProcessUtils } from 'wdRouter'
 import { Params } from 'wdBean';
 import { Params } from 'wdBean';
 import { ToastUtils } from 'wdKit/Index';
 import { ToastUtils } from 'wdKit/Index';
 
 
@@ -77,7 +77,7 @@ export default struct MinePageMoreFunctionUI {
             }else if (item.msg == "关于") { // 关于
             }else if (item.msg == "关于") { // 关于
               WDRouterRule.jumpWithPage(WDRouterPage.aboutPage)
               WDRouterRule.jumpWithPage(WDRouterPage.aboutPage)
             }else if (item.msg == "意见反馈") { // 关于
             }else if (item.msg == "意见反馈") { // 关于
-              ToastUtils.shortToast("待开发")
+              ProcessUtils.gotoFeedBackActivity()
             }
             }
           })
           })
           .height('117lpx')
           .height('117lpx')

 import { WDRouterRule, WDRouterPage } from 'wdRouter'
 import { WDRouterRule, WDRouterPage } from 'wdRouter'
+import MinePageDatasModel from '../../model/MinePageDatasModel'
 import MinePagePersonalFunctionsItem from '../../viewmodel/MinePagePersonalFunctionsItem'
 import MinePagePersonalFunctionsItem from '../../viewmodel/MinePagePersonalFunctionsItem'
+import { PagePersonFunction } from './PagePersonFunction'
 
 
+
+const TAG = "MinePagePersonFunctionUI"
 @Component
 @Component
 export default struct MinePagePersonFunctionUI {
 export default struct MinePagePersonFunctionUI {
   @Link personalData:MinePagePersonalFunctionsItem[]
   @Link personalData:MinePagePersonalFunctionsItem[]
@@ -10,30 +14,7 @@ export default struct MinePagePersonFunctionUI {
     Grid(){
     Grid(){
       ForEach(this.personalData,(item:MinePagePersonalFunctionsItem,index:number)=>{
       ForEach(this.personalData,(item:MinePagePersonalFunctionsItem,index:number)=>{
         GridItem(){
         GridItem(){
-          Row(){
-            Column(){
-              Image(item.imgSrc)
-                .width('46lpx')
-                .height('46lpx')
-                .objectFit(ImageFit.Auto)
-                .interpolation(ImageInterpolation.High)
-              Text(`${item.msg}`)
-                .margin({top:'8lpx'})
-                .height('23lpx')
-                .fontColor($r('app.color.color_222222'))
-                .fontSize('23lpx')
-            }
-            .alignItems(HorizontalAlign.Center)
-            .width('100%')
-            Blank()
-              .layoutWeight(1)
-            if(index % 4 < 3 && index != this.personalData.length-1){
-              Text().backgroundColor($r('app.color.color_222222'))
-                .opacity(0.1)
-                .width('2lpx')
-                .height('29lpx')
-            }
-          }
+          PagePersonFunction({ item: item, noDivider : (index % 4 < 3 && index != this.personalData.length-1) ? false : true})
         }.onClick(()=>{
         }.onClick(()=>{
           console.log(index+"")
           console.log(index+"")
           switch (item.msg){
           switch (item.msg){
@@ -42,7 +23,8 @@ export default struct MinePagePersonFunctionUI {
                 WDRouterRule.jumpWithPage(WDRouterPage.loginPage)
                 WDRouterRule.jumpWithPage(WDRouterPage.loginPage)
                 return
                 return
               }else {
               }else {
-                WDRouterRule.jumpWithPage(WDRouterPage.mineHomePage)
+                let params: Record<string, string> = {'comment': "1"};
+                WDRouterRule.jumpWithPage(WDRouterPage.mineHomePage,params)
               }
               }
               break;
               break;
             }
             }
@@ -83,6 +65,7 @@ export default struct MinePagePersonFunctionUI {
                 WDRouterRule.jumpWithPage(WDRouterPage.loginPage)
                 WDRouterRule.jumpWithPage(WDRouterPage.loginPage)
                 return
                 return
               }
               }
+              this.messageClick()
               WDRouterRule.jumpWithPage(WDRouterPage.mineMessagePage)
               WDRouterRule.jumpWithPage(WDRouterPage.mineMessagePage)
               break;
               break;
             }
             }
@@ -91,11 +74,18 @@ export default struct MinePagePersonFunctionUI {
         .height('117lpx')
         .height('117lpx')
       })
       })
     }
     }
-    // .rowsTemplate('1fr 1fr')
-    .rowsTemplate('1fr')
+    .rowsTemplate('1fr 1fr')
     .columnsTemplate('1fr 1fr 1fr 1fr')
     .columnsTemplate('1fr 1fr 1fr 1fr')
-    // .height('234lpx')
-    .height('167lpx')
+    .height('234lpx')
     .margin({top:'31lpx',left:'23lpx',right:'23lpx' })
     .margin({top:'31lpx',left:'23lpx',right:'23lpx' })
   }
   }
+
+  messageClick(){
+    MinePageDatasModel.sendClickMessageData().then((value) => {
+      console.log(TAG, "进入消息页面")
+    }).catch((err: Error) => {
+      console.log(TAG, JSON.stringify(err))
+    })
+  }
 }
 }
+

+import MinePagePersonalFunctionsItem from '../../viewmodel/MinePagePersonalFunctionsItem'
+
+@Component
+export struct PagePersonFunction{
+  @ObjectLink item: MinePagePersonalFunctionsItem
+  @State noDivider:boolean = false
+
+  build() {
+    Row(){
+      Column(){
+        Stack({ alignContent: Alignment.TopEnd }){
+          Image(this.item.imgSrc)
+            .objectFit(ImageFit.Auto)
+            .interpolation(ImageInterpolation.High)
+          if (this.item.isShowRedPoint) {
+            Button()
+              .type(ButtonType.Circle)
+              .width("12lpx")
+              .height("12lpx")
+              .backgroundColor($r('app.color.color_ED2800'))
+          }
+        }.width('46lpx')
+        .height('46lpx')
+
+        Text(`${this.item.msg}`)
+          .margin({top:'8lpx'})
+          .height('23lpx')
+          .fontColor($r('app.color.color_222222'))
+          .fontSize('23lpx')
+      }
+      .alignItems(HorizontalAlign.Center)
+      .width('100%')
+      Blank()
+        .layoutWeight(1)
+      if(!this.noDivider){
+        Text().backgroundColor($r('app.color.color_222222'))
+          .opacity(0.1)
+          .width('2lpx')
+          .height('29lpx')
+      }
+    }
+  }
+
+}

 import { SpConstants } from 'wdConstant/Index'
 import { SpConstants } from 'wdConstant/Index'
-import { DateTimeUtils, SPHelper, StringUtils, ToastUtils, UserDataLocal } from 'wdKit/Index'
+import { SPHelper, StringUtils, ToastUtils, UserDataLocal } from 'wdKit/Index'
 import { HttpUtils } from 'wdNetwork/Index'
 import { HttpUtils } from 'wdNetwork/Index'
 import { WDRouterRule, WDRouterPage } from 'wdRouter/Index'
 import { WDRouterRule, WDRouterPage } from 'wdRouter/Index'
 import MinePageDatasModel from '../../../model/MinePageDatasModel'
 import MinePageDatasModel from '../../../model/MinePageDatasModel'
@@ -116,9 +116,14 @@ export struct FollowChildComponent{
         }.height('202lpx')
         }.height('202lpx')
         .justifyContent(FlexAlign.Start)
         .justifyContent(FlexAlign.Start)
 
 
-        Text().backgroundColor($r('app.color.color_EDEDED'))
+        // Text().backgroundColor($r('app.color.color_EDEDED'))
+        //   .width('100%')
+        //   .height('2lpx')
+        Divider()
           .width('100%')
           .width('100%')
           .height('2lpx')
           .height('2lpx')
+          .color($r('app.color.color_F5F5F5'))
+          .strokeWidth('1lpx')
       }.width('100%')
       }.width('100%')
 
 
     }else {
     }else {
@@ -230,9 +235,15 @@ export struct FollowChildComponent{
         }.height('146lpx')
         }.height('146lpx')
         .justifyContent(FlexAlign.Center)
         .justifyContent(FlexAlign.Center)
 
 
-        Text().backgroundColor($r('app.color.color_EDEDED'))
+        // Text().backgroundColor($r('app.color.color_EDEDED'))
+        //   .width('100%')
+        //   .height('2lpx')
+
+        Divider()
           .width('100%')
           .width('100%')
           .height('2lpx')
           .height('2lpx')
+          .color($r('app.color.color_F5F5F5'))
+          .strokeWidth('1lpx')
       }.width('100%')
       }.width('100%')
 
 
     }
     }
@@ -255,12 +266,6 @@ export struct FollowChildComponent{
             this.data.status = this.data.status ==="0"?"1":"0"
             this.data.status = this.data.status ==="0"?"1":"0"
 
 
             UserDataLocal.setUserFollowOperation(this.data.creatorId+","+this.data.status)
             UserDataLocal.setUserFollowOperation(this.data.creatorId+","+this.data.status)
-
-            // if(this.data.status === "1"){
-            //   UserDataLocal.setUserFollowOperation(DateTimeUtils.getTimeStamp()+"")
-            // }else{
-            //   UserDataLocal.setUserFollowOperation(DateTimeUtils.getTimeStamp()+","+this.data.creatorId)
-            // }
           }
           }
         }
         }
       })
       })

@@ -30,10 +30,9 @@ export struct HomePageBottomCommentComponent {
   build() {
   build() {
     Column() {
     Column() {
       if (this.isGetRequest == true) {
       if (this.isGetRequest == true) {
-        Divider().width('100%')
+        Text().backgroundColor($r('app.color.color_EDEDED'))
+          .width('100%')
           .height('2lpx')
           .height('2lpx')
-          .strokeWidth('1lpx')
-          .backgroundColor($r('app.color.color_EDEDED'))
       }
       }
       if (this.count === 0) {
       if (this.count === 0) {
         if (this.isGetRequest == true) {
         if (this.isGetRequest == true) {

@@ -65,10 +65,9 @@ export struct HomePageBottomFollowComponent {
 
 
     Column() {
     Column() {
       if (this.isGetRequest == true) {
       if (this.isGetRequest == true) {
-        Divider().width('100%')
+        Text().backgroundColor($r('app.color.color_EDEDED'))
+          .width('100%')
           .height('2lpx')
           .height('2lpx')
-          .strokeWidth('1lpx')
-          .backgroundColor($r('app.color.color_EDEDED'))
       }
       }
 
 
       if (this.count === 0) {
       if (this.count === 0) {

@@ -30,10 +30,9 @@ export struct OtherHomePageBottomCommentComponent {
 
 
   build() {
   build() {
     Column() {
     Column() {
-      Divider().width('100%')
+      Text().backgroundColor($r('app.color.color_EDEDED'))
+        .width('100%')
         .height('2lpx')
         .height('2lpx')
-        .strokeWidth('1lpx')
-        .backgroundColor($r('app.color.color_EDEDED'))
 
 
       if (this.count === 0) {
       if (this.count === 0) {
         if (this.isGetRequest == true) {
         if (this.isGetRequest == true) {

@@ -30,10 +30,9 @@ export struct OtherHomePageBottomFollowComponent{
 
 
   build(){
   build(){
     Column(){
     Column(){
-      Divider().width('100%')
+      Text().backgroundColor($r('app.color.color_EDEDED'))
+        .width('100%')
         .height('2lpx')
         .height('2lpx')
-        .strokeWidth('1lpx')
-        .backgroundColor($r('app.color.color_EDEDED'))
 
 
       if(this.count === 0){
       if(this.count === 0){
         Column(){
         Column(){

+import { StringUtils } from 'wdKit/Index'
+import { MessageItem } from '../../../viewmodel/MessageItem'
+
+const TAG = "MessageListUI"
+
+@Component
+export struct MessageListItemUI {
+  @ObjectLink item: MessageItem
+  @State index:number = -1
+
+  build() {
+    Column(){
+      Column() {
+        Row() {
+          Row() {
+            Image(this.item.imgSrc)
+              .objectFit(ImageFit.Auto)
+              .width('92lpx')
+              .height('92lpx')
+              .margin({ right: '15lpx' })
+
+            Column() {
+              Text(this.item.title)
+                .fontWeight(500)
+                .fontSize('31lpx')
+                .lineHeight('42lpx')
+                .fontColor($r('app.color.color_222222'))
+                .maxLines(1)
+                .margin({ bottom: StringUtils.isNotEmpty(this.item.desc)?'8lpx':0 })
+
+              if(StringUtils.isNotEmpty(this.item.desc)){
+                Text(`${this.item.desc}`)
+                  .fontColor($r('app.color.color_999999'))
+                  .fontSize('27lpx')
+                  .lineHeight('38lpx')
+                  .fontWeight(400)
+                  .maxLines(1)
+                  .textOverflow({ overflow: TextOverflow.Ellipsis })
+              }
+            }
+            .height('92lpx')
+            .layoutWeight(1)
+            .alignItems(HorizontalAlign.Start)
+            .justifyContent(StringUtils.isNotEmpty(this.item.desc)?FlexAlign.Start:FlexAlign.Center)
+          }.layoutWeight(1)
+
+          Column() {
+            Text(`${this.item.time}`)
+              .fontColor($r('app.color.color_999999'))
+              .fontSize('23lpx')
+              .fontWeight(500)
+              .lineHeight('35lpx')
+              .margin({ bottom: this.item.unReadCount > 0 ?'8lpx':0 })
+
+            if(this.item.unReadCount > 0){
+              Button(){
+                Text(`${this.item.unReadCount}`)
+                  .fontWeight(400)
+                  .fontSize("18lpx")
+                  .fontColor($r('app.color.white'))
+              }
+              .type((this.item.unReadCount>0 && this.item.unReadCount < 10 ? ButtonType.Circle:ButtonType.Capsule))
+              .backgroundColor($r("app.color.color_ED2800"))
+              .stateEffect(false)
+              .height("27lpx")
+              .constraintSize({minWidth:"27lpx"})
+            }
+          }
+          .justifyContent(FlexAlign.Start)
+          .alignItems(HorizontalAlign.End)
+          .height('92lpx')
+        }
+        .width('100%')
+        .height('92lpx')
+        .justifyContent(FlexAlign.SpaceBetween)
+
+      }.height('154lpx')
+      .width("100%")
+      .justifyContent(FlexAlign.Center)
+
+      Text().backgroundColor($r('app.color.color_EDEDED'))
+        .width('100%')
+        .height('1lpx')
+        .visibility(this.index != 3 ?Visibility.Visible:Visibility.None)
+    }
+  }
+
+
+}

-import { StringUtils, ToastUtils } from 'wdKit/Index'
+import { DateTimeUtils, StringUtils, ToastUtils } from 'wdKit/Index'
+import { WDRouterPage, WDRouterRule } from 'wdRouter/Index'
+import { WDMessageCenterMessageType } from '../../../model/InteractMessageModel'
 import MinePageDatasModel from '../../../model/MinePageDatasModel'
 import MinePageDatasModel from '../../../model/MinePageDatasModel'
 import { MessageItem } from '../../../viewmodel/MessageItem'
 import { MessageItem } from '../../../viewmodel/MessageItem'
 import { CustomTitleUI } from '../../reusable/CustomTitleUI'
 import { CustomTitleUI } from '../../reusable/CustomTitleUI'
+import { MessageListItemUI } from './MessageListItemUI'
 
 
 const TAG = "MessageListUI"
 const TAG = "MessageListUI"
 
 
@@ -11,83 +14,149 @@ export struct MessageListUI {
 
 
   aboutToAppear() {
   aboutToAppear() {
     this.msgData = MinePageDatasModel.getMessageData()
     this.msgData = MinePageDatasModel.getMessageData()
+    this.getHistoryPush()
+    this.getMessagePush()
   }
   }
 
 
-  build() {
-    Column() {
-      //标题栏目
-      CustomTitleUI({ titleName: "消息" })
+  //历史推送
+  getHistoryPush() {
+    MinePageDatasModel.getHistoryPushData("1", "1").then((value) => {
+      if (value != null && value.list != null && value.list.length > 0) {
+        this.msgData.forEach((item) => {
+          if (item.title == "历史推送") {
+            if (value.list != null && value.list[0] != null) {
+              if (value.list[0].newsTitle) {
+                item.desc = value.list[0].newsTitle
+              }
+              if (value.list[0].publishTime) {
+                item.time = this.getPublishTime("",value.list[0].publishTime)
+              }
+            }
+          }
+        })
+      }
+    }).catch((err: Error) => {
+      console.log(TAG, JSON.stringify(err))
+    })
+  }
 
 
-      List() {
-        ForEach(this.msgData, (item: MessageItem, index: number) => {
-          ListItem() {
-            Column(){
-              Column() {
-                Row() {
-                  Row() {
-                    Image(item.imgSrc)
-                      .objectFit(ImageFit.Auto)
-                      .width('92lpx')
-                      .height('92lpx')
-                      .margin({ right: '15lpx' })
+  //互动消息 预约消息 系统消息
+  getMessagePush() {
+    MinePageDatasModel.getMessageUnReadData().then((value) => {
+      this.msgData.forEach((item) => {
+        if (item.title == "预约消息") {
+          if (value.subscribeInfo != null) {
+            if (value.subscribeInfo.title) {
+              item.desc = value.subscribeInfo.title
+            }
+            if (value.subscribeInfo.time) {
+              item.time = this.getPublishTime(value.subscribeInfo.time,DateTimeUtils.getDateTimestamp(value.subscribeInfo.time)+"")
+            }
+          }
+          if(value.subscribeCount > 0){
+            item.unReadCount = value.subscribeCount
+          }
+        } else if (item.title == "系统消息") {
+          if (value.systemInfo != null) {
+            if (value.systemInfo.title) {
+              item.desc = value.systemInfo.title
+            }
+            if (value.systemInfo.time) {
+              item.time = this.getPublishTime(value.subscribeInfo.time,DateTimeUtils.getDateTimestamp(value.systemInfo.time) + "")
+            }
+          }
+          if(value.systemCount > 0){
+            item.unReadCount = value.systemCount
+          }
+        }else if(item.title == "互动消息"){
+          if(value.activeCount > 0){
+            item.unReadCount = value.activeCount
+          }
+          if (value.activeInfo != null) {
+            if (value.activeInfo.title) {
+              item.desc = value.activeInfo.title
+            }
+            if (value.activeInfo.time) {
+              item.time = this.getPublishTime(value.subscribeInfo.time,DateTimeUtils.getDateTimestamp(value.activeInfo.time) + "")
+            }
+          }
+        }
+      })
+    }).catch((err: Error) => {
+      console.log(TAG, JSON.stringify(err))
+    })
+  }
 
 
-                    Column() {
-                      Text(item.title)
-                        .fontWeight(500)
-                        .fontSize('31lpx')
-                        .lineHeight('42lpx')
-                        .fontColor($r('app.color.color_222222'))
-                        .maxLines(1)
-                        .margin({ bottom: StringUtils.isNotEmpty(item.desc)?'8lpx':0 })
+  getPublishTime(data:string,publishTime: string): string {
+    const publishTimestamp = parseInt(publishTime)
+    const currentTime = Date.now(); // 当前时间戳
 
 
-                      if(StringUtils.isNotEmpty(item.desc)){
-                        Text(`${item.desc}`)
-                          .fontColor($r('app.color.color_B0B0B0'))
-                          .fontSize('23lpx')
-                          .lineHeight('38lpx')
-                          .fontWeight(400)
-                          .maxLines(1)
-                          .textOverflow({ overflow: TextOverflow.Ellipsis })
-                      }
-                    }
-                    .height('92lpx')
-                    .layoutWeight(1)
-                    .alignItems(HorizontalAlign.Start)
-                    .justifyContent(StringUtils.isNotEmpty(item.desc)?FlexAlign.Start:FlexAlign.Center)
-                  }.layoutWeight(1)
+    // 计算差异
+    const timeDifference = currentTime - publishTimestamp;
 
 
-                  Row() {
-                    Text(`${item.time}`)
-                      .fontColor($r('app.color.color_999999'))
-                      .fontSize('23lpx')
-                      .fontWeight(500)
-                      .lineHeight('35lpx')
+    // 转换为分钟、小时和天
+    const minutes = Math.floor(timeDifference / (1000 * 60));
+    const hours = Math.floor(timeDifference / (1000 * 60 * 60));
+    const days = Math.floor(timeDifference / (1000 * 60 * 60 * 24));
+
+    // 根据时间差返回对应的字符串
+    let result: string;
+
+    if (minutes < 60) {
+      result = `${minutes}分钟前`;
+      if(minutes === 0){
+        result = `刚刚`;
+      }
+    } else if (hours < 24) {
+      result = `${hours}小时前`;
+    } else {
+      result = `${days}天前`;
+      if(days > 1){
+        let arr = data.split(" ")
+        if(arr.length === 2){
+          let arr2 = arr[0].split("-")
+          if(arr2.length === 3){
+            result = `${arr2[1]}-${arr2[2]}`
+          }
+        }else{
+          //原始数据是时间戳  需要转成dateString
+          let time = DateTimeUtils.formatDate(Number(publishTime))
+          let arr = time.split("-")
+          if(arr.length === 3){
+            result = `${arr[1]}-${arr[2]}`
+          }
+        }
       }
       }
-                  .justifyContent(FlexAlign.Start)
-                  .alignItems(VerticalAlign.Top)
-                  .height('92lpx')
     }
     }
-                .width('100%')
-                .height('92lpx')
-                .justifyContent(FlexAlign.SpaceBetween)
-
-              }.height('154lpx')
-              .width("100%")
-              .justifyContent(FlexAlign.Center)
 
 
-              Text().backgroundColor($r('app.color.color_EDEDED'))
-                .width('100%')
-                .height('1lpx')
-                .visibility(index != 3 ?Visibility.Visible:Visibility.None)
+    console.log(result);
+    return result
   }
   }
+
+  build() {
+    Column() {
+      //标题栏目
+      CustomTitleUI({ titleName: "消息" })
+
+      List() {
+        ForEach(this.msgData, (item: MessageItem, index: number) => {
+          ListItem() {
+            MessageListItemUI({ item: item, index: index })
           }
           }
-          .padding({left:"31lpx",right:"31lpx"})
+          .padding({ left: "31lpx", right: "31lpx" })
           .onClick(() => {
           .onClick(() => {
-            ToastUtils.shortToast(index+"")
             switch (index) {
             switch (index) {
               case 0: //互动消息
               case 0: //互动消息
+                if(item.unReadCount > 0){
+                  this.sendEnterEvent(WDMessageCenterMessageType.WDMessageCenterMessageType_Interact)
+                }
+                WDRouterRule.jumpWithPage(WDRouterPage.interactMessagePage)
                 break;
                 break;
               case 1: //预约消息
               case 1: //预约消息
+                if(item.unReadCount > 0){
+                  this.sendEnterEvent(WDMessageCenterMessageType.WDMessageCenterMessageType_Subscribe)
+                }
+                WDRouterRule.jumpWithPage(WDRouterPage.subscribeMessagePage)
                 break;
                 break;
               case 2: //历史推送
               case 2: //历史推送
                 break;
                 break;
@@ -104,4 +173,12 @@ export struct MessageListUI {
     .height('100%')
     .height('100%')
     .width('100%')
     .width('100%')
   }
   }
+
+  sendEnterEvent(type:number){
+    MinePageDatasModel.sendEnterMessageData(type).then((value) => {
+      console.log(TAG, "消息已读")
+    }).catch((err: Error) => {
+      console.log(TAG, JSON.stringify(err))
+    })
+  }
 }
 }

+import { SubscribeMessageModel } from '../../../../model/InteractMessageModel'
+
+@Component
+export struct SubscribeListChildComponent{
+  @ObjectLink item: SubscribeMessageModel
+
+  build() {
+    Column(){
+      Row(){
+        Text(`${this.item.dealTime}`)
+          .margin({top:"31lpx",bottom:"23lpx"})
+          .fontWeight(400)
+          .fontSize("23lpx")
+          .lineHeight("33lpx")
+          .fontColor($r('app.color.color_999999'))
+      }.width('100%')
+      .backgroundColor($r('app.color.color_F5F5F5'))
+      .justifyContent(FlexAlign.Center)
+
+      Column(){
+        Column(){
+          Text(`${this.item.title}`)
+            .fontSize("31lpx")
+            .lineHeight("46lpx")
+            .fontWeight(500)
+            .fontColor($r('app.color.color_333333'))
+            .margin({top:"27lpx",bottom:"25lpx"})
+            .maxLines(1)
+
+          Text().backgroundColor($r('app.color.color_F5F5F5'))
+            .width('100%')
+            .height('1lpx')
+        }.alignItems(HorizontalAlign.Start)
+        .width("100%")
+        .height("98lpx")
+
+        Row(){
+          Image(`${this.item.imgUrl}`)
+            .width('204lpx')
+            .height('115lpx')
+            .borderRadius("6lpx")
+            .objectFit(ImageFit.Auto)
+            .margin({right:"23lpx"})
+
+          Text(`${this.item.desc}`)
+            .fontSize("27lpx")
+            .lineHeight("38lpx")
+            .fontWeight(400)
+            .fontColor($r('app.color.color_222222'))
+            .layoutWeight(1)
+        }.alignItems(VerticalAlign.Center)
+        .width("100%")
+        .height("160lpx")
+
+        Text().backgroundColor($r('app.color.color_F5F5F5'))
+          .width('100%')
+          .height('1lpx')
+
+        Row(){
+          Text(`${this.item.time}开始`)
+            .fontSize("23lpx")
+            .fontWeight(600)
+            .lineHeight("31lpx")
+
+          Row(){
+            Text("查看详情")
+              .fontSize("23lpx")
+              .lineHeight("38lpx")
+              .fontWeight(400)
+              .fontColor($r('app.color.color_666666'))
+              .margin({right:"8lpx"})
+
+            Image($r('app.media.subscribe_arrow_icon'))
+              .width('23lpx')
+              .height('13lpx')
+              .objectFit(ImageFit.Auto)
+              .interpolation(ImageInterpolation.High)
+              .margin({right:"4lpx"})
+          }
+        }.alignItems(VerticalAlign.Center)
+        .justifyContent(FlexAlign.SpaceBetween)
+        .width("100%")
+        .height("73lpx")
+
+      }.backgroundColor($r('app.color.white'))
+      .borderRadius("8lpx")
+      .width("100%")
+      .padding({left:"23lpx",right:"23lpx"})
+    }
+    .backgroundColor($r('app.color.color_F5F5F5'))
+    .width("100%")
+    .padding({left:"31lpx",right:"31lpx"})
+    .alignItems(HorizontalAlign.Center)
+  }
+
+
+}

+import { LazyDataSource, StringUtils } from 'wdKit/Index';
+import { Remark, SubscribeMessageModel,
+  WDMessageCenterMessageType } from '../../../../model/InteractMessageModel';
+import MinePageDatasModel from '../../../../model/MinePageDatasModel';
+import { CustomTitleUI } from '../../../reusable/CustomTitleUI';
+import { ListHasNoMoreDataUI } from '../../../reusable/ListHasNoMoreDataUI';
+import { EmptyComponent } from '../../../view/EmptyComponent';
+import { SubscribeListChildComponent } from './SubscribeListChildComponent';
+
+const TAG = "SubscribeMessageComponent"
+
+@Component
+export struct SubscribeMessageComponent{
+  @State data: LazyDataSource<SubscribeMessageModel> = new LazyDataSource();
+  @State count: number = 0;
+  @State isLoading: boolean = false
+  @State hasMore: boolean = true
+  curPageNum: number = 1;
+  @State isGetRequest: boolean = false
+
+  aboutToAppear() {
+    this.getNewPageData()
+  }
+
+  build() {
+    Column() {
+      //标题栏目
+      CustomTitleUI({ titleName: "预约消息" })
+      if (this.count == 0) {
+        if (this.isGetRequest == true) {
+          EmptyComponent({ emptyType: 5 })
+            .height('100%')
+            .width('100%')
+        }
+
+      } else {
+        //刷新控件 TODO
+        //List
+        List() {
+          LazyForEach(this.data, (item: SubscribeMessageModel, index: number) => {
+            ListItem() {
+              SubscribeListChildComponent({ item: item })
+            }.width('100%')
+            .onClick(() => {
+            })
+          })
+
+          //没有更多数据  显示提示
+          if (!this.hasMore) {
+            ListItem() {
+              ListHasNoMoreDataUI()
+            }
+          }
+        }.width('100%')
+        .cachedCount(4)
+        .scrollBar(BarState.Off)
+        .layoutWeight(1)
+        .onReachEnd(() => {
+          if (!this.isLoading) {
+            //加载分页数据
+            this.getNewPageData()
+          }
+        })
+      }
+    }
+    .backgroundColor($r('app.color.color_F9F9F9'))
+    .height('100%')
+    .width('100%')
+  }
+
+  getNewPageData() {
+    this.isLoading = true
+    if (this.hasMore) {
+      MinePageDatasModel.getSubscribeMessageData(WDMessageCenterMessageType.WDMessageCenterMessageType_Subscribe,"20",`${this.curPageNum}`).then((value) => {
+        if (!this.data || value.list.length == 0) {
+          this.hasMore = false
+        } else {
+          value.list.forEach((value) => {
+            let dealTime = this.DealStartTime(value.time,1)
+            let dealTime2 = this.DealStartTime(value.time,2)
+
+            let remark = JSON.parse(value.remark) as Remark
+
+            this.data.push(new SubscribeMessageModel(dealTime,value.message,remark.coverImageUrl,value.title,dealTime2,value.contentId))
+          })
+          this.data.notifyDataReload()
+          this.count = this.data.totalCount()
+          if (this.data.totalCount() < value.totalCount) {
+            this.curPageNum++
+          } else {
+            this.hasMore = false
+          }
+        }
+        this.isGetRequest = true
+        this.isLoading = false
+      }).catch((err: Error) => {
+        console.log(TAG, JSON.stringify(err))
+        this.isGetRequest = true
+        this.isLoading = false
+      })
+    }
+  }
+
+
+  DealStartTime(planStartTime: string,type:number): string {
+    let dealData: string = ""
+
+    if (StringUtils.isEmpty(planStartTime)) {
+      console.log(TAG, "格式有误")
+      return planStartTime
+    }
+
+    if (planStartTime.indexOf(" ") === -1) {
+      console.log(TAG, "格式有误")
+      return planStartTime
+    }
+
+    let arr = planStartTime.split(" ")
+    if (arr != null && StringUtils.isNotEmpty(arr[0])) { //处理年月日
+      let time = arr[0].split("-");
+      if (time.length === 3) {
+        dealData = `${time[1]}-${time[2]}`
+        if(type === 1){
+          return dealData
+        }
+      }
+    }
+
+    if (arr != null && StringUtils.isNotEmpty(arr[1])) { //处理时分
+      let time = arr[1].split(":");
+      if (time.length === 3) {
+        dealData = `${dealData} ${time[0]}:${time[1]}`
+      }
+    }
+    console.log(TAG, JSON.stringify(dealData))
+    return dealData
+  }
+
+
+}

@@ -85,6 +85,7 @@ export struct BottomNavigationComponent {
             VideoChannelPage({
             VideoChannelPage({
               topNavList: navItem.topNavChannelList.filter(item => item.channelId != 2073),
               topNavList: navItem.topNavChannelList.filter(item => item.channelId != 2073),
               _currentNavIndex: $currentNavIndex,
               _currentNavIndex: $currentNavIndex,
+              autoRefresh: this.autoRefresh
             })
             })
           } else {
           } else {
             TopNavigationComponent({
             TopNavigationComponent({

@@ -487,12 +487,7 @@ export struct PaperSingleColumn999CardView {
             Text(this.getPublishTime())
             Text(this.getPublishTime())
               .fontSize(12)
               .fontSize(12)
               .fontColor(Color.Gray)
               .fontColor(Color.Gray)
-            if (this.interactData && this.interactData.commentNum) {
-              Text(this.interactData.commentNum + "评")
-                .fontSize(12)
-                .fontColor(Color.Gray)
-                .margin({ left: 6 })
-            }else if (this.commentList && this.commentList.length) {
+            if (this.interactData && this.interactData.commentNum && Number(this.interactData.collectNum) > 0) {
               Text(this.interactData.commentNum + "评")
               Text(this.interactData.commentNum + "评")
                 .fontSize(12)
                 .fontSize(12)
                 .fontColor(Color.Gray)
                 .fontColor(Color.Gray)
@@ -517,7 +512,7 @@ export struct PaperSingleColumn999CardView {
       }
       }
     }
     }
     .backgroundColor(Color.White)
     .backgroundColor(Color.White)
-    .margin({ bottom: 14, left: 12, right: 12 })
+    .margin({ bottom: 10, left: 12, right: 12 })
     .borderRadius(4)
     .borderRadius(4)
     .onClick(() => {
     .onClick(() => {
       ProcessUtils.processPage(this.item)
       ProcessUtils.processPage(this.item)

@@ -19,19 +19,25 @@ struct EditUserIntroductionPage {
           .width('100%')
           .width('100%')
           .height(80)
           .height(80)
           .backgroundColor(Color.White)
           .backgroundColor(Color.White)
+          .placeholderColor('#999999')
           .onChange(value => {
           .onChange(value => {
             this.numCount = value.length
             this.numCount = value.length
             if (this.numCount === 60) {
             if (this.numCount === 60) {
               this.textColor = '#ED2800'
               this.textColor = '#ED2800'
+            }else if(this.numCount === 0){
+              this.textColor = '#999999'
             }else {
             }else {
               this.textColor = '#222222'
               this.textColor = '#222222'
             }
             }
             this.introduction = value
             this.introduction = value
           })
           })
 
 
-        Text(this.numCount.toString() + '/60')
+        Row(){
+          Text(this.numCount.toString())
             .fontColor(this.textColor)
             .fontColor(this.textColor)
-          .margin({left: -50})
+          Text('/60')
+            .fontColor('#999999')
+        }.margin({left: -50})
       }
       }
       .alignItems(VerticalAlign.Bottom)
       .alignItems(VerticalAlign.Bottom)
 
 
@@ -42,7 +48,7 @@ struct EditUserIntroductionPage {
       Text('1、账号中（头像、昵称等）不允许含有违禁违规内容；\n2、最多60个字，只能输入中文、数字、英文字母。')
       Text('1、账号中（头像、昵称等）不允许含有违禁违规内容；\n2、最多60个字，只能输入中文、数字、英文字母。')
         .fontSize(13)
         .fontSize(13)
         .padding(12)
         .padding(12)
-        .fontColor(Color.Gray)
+        .fontColor(Color.Gray).lineHeight(25)
 
 
       Button('保存')
       Button('保存')
         .type(ButtonType.Normal)
         .type(ButtonType.Normal)

@@ -22,19 +22,25 @@ struct EditUserNikeNamePage {
           .maxLength(16)
           .maxLength(16)
           .height(50)
           .height(50)
           .backgroundColor(Color.White)
           .backgroundColor(Color.White)
+          .placeholderColor('#999999')
           .onChange(value => {
           .onChange(value => {
             this.numCount = value.length
             this.numCount = value.length
             if (this.numCount === 16) {
             if (this.numCount === 16) {
               this.textColor = '#ED2800'
               this.textColor = '#ED2800'
+            }else if(this.numCount === 0){
+              this.textColor = '#999999'
             }else {
             }else {
               this.textColor = '#222222'
               this.textColor = '#222222'
             }
             }
             this.nikeName = value
             this.nikeName = value
           })
           })
 
 
-        Text(this.numCount.toString() + '/16')
+        Row(){
+          Text(this.numCount.toString())
             .fontColor(this.textColor)
             .fontColor(this.textColor)
-          .margin({left: -50})
+          Text('/16')
+            .fontColor('#999999')
+        }.margin({left: -50})
       }
       }
       .alignItems(VerticalAlign.Center)
       .alignItems(VerticalAlign.Center)
 
 
@@ -44,7 +50,7 @@ struct EditUserNikeNamePage {
       Text('1、账号中（头像、昵称等）不允许含有违禁违规内容；\n2、最多16个字，只能输入中文、数字、英文字母。')
       Text('1、账号中（头像、昵称等）不允许含有违禁违规内容；\n2、最多16个字，只能输入中文、数字、英文字母。')
         .fontSize(13)
         .fontSize(13)
         .padding(12)
         .padding(12)
-        .fontColor(Color.Gray)
+        .fontColor(Color.Gray).lineHeight(25)
 
 
       Button('保存')
       Button('保存')
         .type(ButtonType.Normal)
         .type(ButtonType.Normal)

 
 
-import MyCollectionViewModel from '../../viewmodel/MyCollectionViewModel';
+import InteractMessageViewModel from '../../viewmodel/InteractMessageViewModel';
 import PageModel from '../../viewmodel/PageModel';
 import PageModel from '../../viewmodel/PageModel';
 import { CommonConstants, ViewType } from 'wdConstant'
 import { CommonConstants, ViewType } from 'wdConstant'
 import { EmptyComponent,WDViewDefaultType } from '../view/EmptyComponent'
 import { EmptyComponent,WDViewDefaultType } from '../view/EmptyComponent'
-import { ContentDTO } from 'wdBean'
 import NoMoreLayout from './NoMoreLayout'
 import NoMoreLayout from './NoMoreLayout'
-import CustomRefreshLoadLayout from './CustomRefreshLoadLayout';
-import { CustomSelectUI } from '../view/CustomSelectUI';
-import { CustomBottomFuctionUI } from '../view/CustomBottomFuctionUI';
-import { BigPicCardComponent } from '../view/BigPicCardComponent';
-
 import { CustomTitleUI } from '../reusable/CustomTitleUI';
 import { CustomTitleUI } from '../reusable/CustomTitleUI';
-import { CustomPullToRefresh } from '../reusable/CustomPullToRefresh';
 import { InteractMComponent } from '../InteractMessage/InteractMComponent';
 import { InteractMComponent } from '../InteractMessage/InteractMComponent';
+import { InteractMessageModel, WDMessageCenterMessageType } from '../../model/InteractMessageModel';
+import { CustomPullToRefresh } from '../reusable/CustomPullToRefresh';
 
 
 @Entry
 @Entry
 @Component
 @Component
@@ -20,39 +15,40 @@ struct InteractMessagePage {
   @State private browSingModel: PageModel = new PageModel()
   @State private browSingModel: PageModel = new PageModel()
   isloading : boolean = false
   isloading : boolean = false
   @Provide isEditState:boolean = false
   @Provide isEditState:boolean = false
-  @State allDatas :ContentDTO[] = [];
+  @State allDatas :InteractMessageModel[] = [];
   private scroller: Scroller = new Scroller();
   private scroller: Scroller = new Scroller();
-  @State likeNum: number = 20
+  @State likeNum: number = 0
+  @State  currentPage: number = 1;
 
 
   aboutToAppear(){
   aboutToAppear(){
     this.getData()
     this.getData()
+    this.getMessageLikeCount()
   }
   }
 
 
   build() {
   build() {
     Column(){
     Column(){
       CustomTitleUI({titleName:'互动消息'})
       CustomTitleUI({titleName:'互动消息'})
+      if(this.browSingModel.viewType == ViewType.ERROR){
+        EmptyComponent({emptyType:WDViewDefaultType.WDViewDefaultType_NetworkFailed})
+      }else if(this.browSingModel.viewType == ViewType.EMPTY){
+        EmptyComponent({emptyType:WDViewDefaultType.WDViewDefaultType_NoHistory})
+      }else {
+        CustomPullToRefresh({
+          alldata:this.allDatas,
+          scroller:this.scroller,
+          customList:()=>{
             this.ListLayout()
             this.ListLayout()
-      // if(this.browSingModel.viewType == ViewType.ERROR){
-      //   EmptyComponent({emptyType:WDViewDefaultType.WDViewDefaultType_NetworkFailed})
-      // }else if(this.browSingModel.viewType == ViewType.EMPTY){
-      //   EmptyComponent({emptyType:WDViewDefaultType.WDViewDefaultType_NoHistory})
-      // }else {
-      //   CustomPullToRefresh({
-      //     alldata:this.allDatas,
-      //     scroller:this.scroller,
-      //     customList:()=>{
-      //       this.ListLayout()
-      //     },
-      //     onRefresh:(resolve)=>{
-      //       this.browSingModel.currentPage = 0
-      //       this.getData(resolve)
-      //     },
-      //     onLoadMore:(resolve)=> {
-      //       this.browSingModel.currentPage++
-      //       this.getData()
-      //     }
-      //   })
-      // }
+          },
+          onRefresh:(resolve)=>{
+            this.browSingModel.currentPage = 0
+            this.getData(resolve)
+          },
+          onLoadMore:(resolve)=> {
+            this.browSingModel.currentPage++
+            this.getData()
+          }
+        })
+      }
 
 
     }
     }
     .width(CommonConstants.FULL_WIDTH)
     .width(CommonConstants.FULL_WIDTH)
@@ -66,9 +62,9 @@ struct InteractMessagePage {
       }
       }
 
 
       // 下拉刷新
       // 下拉刷新
-      ForEach(this.allDatas, (compDTO: ContentDTO, compIndex: number) => {
+      ForEach(this.allDatas, (InteractM: InteractMessageModel, compIndex: number) => {
         ListItem() {
         ListItem() {
-          InteractMComponent()
+          InteractMComponent({messageModel:InteractM})
         }
         }
       })
       })
       // 加载更多
       // 加载更多
@@ -112,12 +108,22 @@ struct InteractMessagePage {
   }
   }
 
 
   async getData(resolve?: (value: string | PromiseLike<string>) => void){
   async getData(resolve?: (value: string | PromiseLike<string>) => void){
-    MyCollectionViewModel.fetchMyCollectList(2,'1',this.browSingModel.currentPage,getContext(this)).then(collectionItem => {
+    InteractMessageViewModel.fetchMessageList(WDMessageCenterMessageType.WDMessageCenterMessageType_Interact,this.currentPage).then(InteractMessageMItem => {
       if(resolve) resolve('刷新成功')
       if(resolve) resolve('刷新成功')
-      if (collectionItem && collectionItem.list && collectionItem.list.length > 0) {
+      if (InteractMessageMItem && InteractMessageMItem.list && InteractMessageMItem.list.length > 0) {
         this.browSingModel.viewType = ViewType.LOADED;
         this.browSingModel.viewType = ViewType.LOADED;
-        this.allDatas.push(...collectionItem.list)
-        if (collectionItem.list.length === this.browSingModel.pageSize) {
+
+        if (this.currentPage === 1) {
+          this.allDatas = []
+        }
+
+        for (let index = 0; index < InteractMessageMItem.list.length; index++) {
+          const element = InteractMessageMItem.list[index];
+          element.InteractMsubM = JSON.parse(element.remark)
+        }
+
+        this.allDatas.push(...InteractMessageMItem.list)
+        if (InteractMessageMItem.list.length === this.browSingModel.pageSize) {
           this.browSingModel.currentPage++;
           this.browSingModel.currentPage++;
           this.browSingModel.hasMore = true;
           this.browSingModel.hasMore = true;
         } else {
         } else {
@@ -129,4 +135,11 @@ struct InteractMessagePage {
     })
     })
   }
   }
 
 
+  async getMessageLikeCount(){
+    InteractMessageViewModel.getMessageLikeCount().then(num => {
+      this.likeNum = num
+    })
+  }
+
+
 }
 }

-import { ContentDTO } from 'wdBean';
+import { ContentDTO, LiveRoomDataBean } from 'wdBean';
 import { ProcessUtils } from 'wdRouter';
 import { ProcessUtils } from 'wdRouter';
 import { CommonConstants } from 'wdConstant/Index';
 import { CommonConstants } from 'wdConstant/Index';
 import PageViewModel from '../../viewmodel/PageViewModel';
 import PageViewModel from '../../viewmodel/PageViewModel';
-import RefreshLayout from '../page/RefreshLayout';
-import { RefreshLayoutBean } from '../page/RefreshLayoutBean';
-import PageModel from '../../viewmodel/PageModel';
-import { DateTimeUtils, LazyDataSource } from 'wdKit/Index';
+import { DateTimeUtils, LazyDataSource, Logger } from 'wdKit/Index';
 import { router } from '@kit.ArkUI';
 import { router } from '@kit.ArkUI';
+import { ViewType } from 'wdConstant/src/main/ets/enum/ViewType';
+import { CustomPullToRefresh } from '../reusable/CustomPullToRefresh';
+import { PeopleShipNoMoreData } from '../reusable/PeopleShipNoMoreData';
+import { EmptyComponent } from '../view/EmptyComponent';
+import { ErrorComponent } from '../view/ErrorComponent';
+import LoadMoreLayout from '../page/LoadMoreLayout'
 
 
 const TAG: string = 'LiveMorePage';
 const TAG: string = 'LiveMorePage';
 
 
@@ -21,60 +24,22 @@ const TAG: string = 'LiveMorePage';
 @Entry
 @Entry
 @Component
 @Component
 struct LiveMorePage {
 struct LiveMorePage {
-  @State private pageModel: PageModel = new PageModel();
   @State data: LazyDataSource<ContentDTO> = new LazyDataSource();
   @State data: LazyDataSource<ContentDTO> = new LazyDataSource();
   topSafeHeight: number = AppStorage.get<number>('topSafeHeight') as number;
   topSafeHeight: number = AppStorage.get<number>('topSafeHeight') as number;
   type: number = 1;
   type: number = 1;
-  currentPage: number = 1;
   pageSize: number = 20;
   pageSize: number = 20;
   operDataList: ContentDTO[] = [];
   operDataList: ContentDTO[] = [];
   title: string = '直播列表'
   title: string = '直播列表'
   @State contentDTO: ContentDTO = new ContentDTO();
   @State contentDTO: ContentDTO = new ContentDTO();
-    // appStyle: '15',
-    // coverType: 1,
-    // objectType: '9',
-    // coverUrl: 'https://rmrbcmsonline.peopleapp.com/rb_recsys/img/2024/0413/VL20Z09ISBEKXZU_963672030241091584.jpeg?x-oss-process=image/resize,m_fill,h_450,w_800/quality,q_90',
-    // fullColumnImgUrls: [
-    //   {
-    //     landscape: 2,
-    //     size: 1,
-    //     url: 'https://rmrbcmsonline.peopleapp.com/rb_recsys/img/2024/0413/VL20Z09ISBEKXZU_963672030241091584.jpeg?x-oss-process=image/resize,m_fill,h_450,w_800/quality,q_90',
-    //     weight: 1170
-    //   }
-    // ],
-    // newsTitle: '押解画面公开！被湖北民警从柬埔寨押解回国被湖北民警从柬埔寨押解回国的130名涉赌诈嫌疑人是他们被湖北民警从柬埔寨押解回国的130名涉赌诈嫌疑人是他们的130名涉赌诈嫌疑人是他们',
-    // publishTime: '1712993333000',
-    // rmhInfo: {
-    //   authIcon: '',
-    //   authTitle: '',
-    //   authTitle2: '',
-    //   banControl: 0,
-    //   cnIsAttention: 1,
-    //   rmhDesc: '中共武汉市委机关报长江日报官方人民号',
-    //   rmhHeadUrl: 'https://uatjdcdnphoto.aikan.pdnews.cn/vod/content/202302/202302Sa121448724/TUw.png?x-oss-process=image/resize,l_100/auto-orient,1/quality,q_90/format,jpg',
-    //   rmhId: '4255270',
-    //   rmhName: '长江日报',
-    //   userId: '513696944662469',
-    //   userType: '3'
-    // },
-    // videoInfo: {
-    //   firstFrameImageUri: '',
-    //   videoDuration: 12,
-    //   // videoLandscape: 2,
-    //   videoUrl: 'https://rmrbcmsonline.peopleapp.com/rb_recsys/video/2024/0413/VL20Z09ISBEKXZU_963672027208609792.mp4'
-    // },
-    // photoNum: '9',
-    // voiceInfo: {
-    //   voiceDuration: 12
-    // }
-  // } as ContentDTO;
-
+  @State private hasMore: boolean = true
+  @State private currentPage: number = 1
+  @State private isLoading: boolean = false
+  @State viewType: ViewType = ViewType.LOADING
+  private scroller: Scroller = new Scroller()
+  @State liveRoomList: LiveRoomDataBean[] = []
   aboutToAppear(): void {
   aboutToAppear(): void {
-    PageViewModel.getLiveMoreUrl(this.type, this.currentPage, this.pageSize).then((liveReviewDTO) => {
-      // this.operDataList = []
-      // this.operDataList.push(...liveReviewDTO.list)
-      this.data.push(...liveReviewDTO.list)
-    })
+    this.currentPage = 1
+    this.getData()
   }
   }
 
 
   build() {
   build() {
@@ -88,48 +53,78 @@ struct LiveMorePage {
     Column() {
     Column() {
       this.TabbarNormal()
       this.TabbarNormal()
 
 
+      if (this.viewType == ViewType.LOADING) {
+        this.LoadingLayout()
+      } else if (this.viewType == ViewType.ERROR) {
+        ErrorComponent()
+          .onTouch(() => {
+            if (this.viewType === ViewType.ERROR) {
+              this.getData()
+            }
+          })
+      } else if (this.viewType == ViewType.EMPTY) {
+        EmptyComponent()
+      } else {
+        CustomPullToRefresh({
+          alldata: this.data,
+          scroller: this.scroller,
+          hasMore: false,
+          customList: () => {
             this.ListLayout()
             this.ListLayout()
+          },
+          onRefresh: (resolve) => {
+            this.currentPage = 1
+            this.getData(resolve)
+          },
+        })
+      }
     }
     }
     .padding({
     .padding({
       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'),
       bottom: $r('app.float.card_comp_pagePadding_tb')
       bottom: $r('app.float.card_comp_pagePadding_tb')
     })
     })
-    .onClick((event: ClickEvent) => {
+    .onClick(() => {
       ProcessUtils.processPage(this.contentDTO)
       ProcessUtils.processPage(this.contentDTO)
     })
     })
   }
   }
 
 
   @Builder
   @Builder
-  ListLayout() {
-    List() {
-      // 下拉刷新
-      ListItem() {
-        RefreshLayout({
-          refreshBean: new RefreshLayoutBean(this.pageModel.isVisiblePullDown, this.pageModel.pullDownRefreshImage,
-            this.pageModel.pullDownRefreshText, this.pageModel.pullDownRefreshHeight)
-        })
+  LoadingLayout() {
   }
   }
 
 
-      LazyForEach(this.data, (contentDTO: ContentDTO, contentIndex: number) => {
+
+  @Builder
+  ListLayout() {
+    List({scroller: this.scroller}) {
+      // 下拉刷新
+      LazyForEach(this.data, (contentDTO: ContentDTO) => {
         ListItem() {
         ListItem() {
-          // Column() {
-          //   CompParser({ compDTO: compDTO, compIndex: compIndex });
-          // }
           this.buildItem(contentDTO)
           this.buildItem(contentDTO)
         }
         }
       },
       },
         (contentDTO: ContentDTO, contentIndex: number) => contentDTO.pageId + contentIndex.toString()
         (contentDTO: ContentDTO, contentIndex: number) => contentDTO.pageId + contentIndex.toString()
       )
       )
+      // 加载更多
+      ListItem() {
+        if (this.hasMore && this.data && this.data.totalCount() > 0) {
+          LoadMoreLayout({ isVisible: this.hasMore })
+        } else if (!this.hasMore && !this.isLoading) {
+          PeopleShipNoMoreData()
+        }
+      }
     }
     }
     .scrollBar(BarState.Off)
     .scrollBar(BarState.Off)
+    .edgeEffect(EdgeEffect.None)
     .cachedCount(8)
     .cachedCount(8)
-    .height(CommonConstants.FULL_PARENT)
-    .onScrollIndex((start: number, end: number) => {
-      // Listen to the first index of the current list.
-      this.pageModel.startIndex = start;
-      // 包含了 头尾item，判断时需要考虑+2
-      this.pageModel.endIndex = end;
+    .height('calc(100% - 44vp)')
+    .onReachEnd(() => {
+      Logger.debug(TAG, "触底了");
+      if(!this.isLoading && this.hasMore){
+        //加载分页数据
+        this.currentPage++;
+        this.getData()
+      }
     })
     })
   }
   }
 
 
@@ -148,22 +143,45 @@ struct LiveMorePage {
         .margin({ top: 16, bottom: 8 })
         .margin({ top: 16, bottom: 8 })
         .alignSelf(ItemAlign.Start)
         .alignSelf(ItemAlign.Start)
       Stack() {
       Stack() {
+        if (item.fullColumnImgUrls && item.fullColumnImgUrls.length > 0) {
           Image(item.fullColumnImgUrls[0].url)
           Image(item.fullColumnImgUrls[0].url)
             .width('100%')
             .width('100%')
             .height(196)
             .height(196)
             .borderRadius(4)
             .borderRadius(4)
-        this.LiveImage()
-
+        }
+        this.LiveImage(item)
       }
       }
       .alignContent(Alignment.BottomEnd)
       .alignContent(Alignment.BottomEnd)
 
 
+      Row() {
+        if (item.rmhInfo && item.rmhInfo.rmhName) {
+          Text(item.rmhInfo.rmhName)
+            .fontSize(12)
+            .fontWeight(400)
+            .fontColor($r('app.color.color_B0B0B0'))
+            .fontFamily('PingFang SC-Medium')
+            .maxLines(1)
+            .textOverflow({ overflow: TextOverflow.Ellipsis })
+            .align(Alignment.Start)
+
+          Image($r('app.media.point_live_icon'))
+            .objectFit(ImageFit.Auto)
+            .interpolation(ImageInterpolation.High)
+            .width(16)
+            .height(16)
+            .margin(2)
+        }
+
         Text(DateTimeUtils.getCommentTime(Number.parseFloat(item.publishTimestamp)))
         Text(DateTimeUtils.getCommentTime(Number.parseFloat(item.publishTimestamp)))
-        .fontSize(13)
+          .fontSize(12)
           .maxLines(1)
           .maxLines(1)
           .textOverflow({ overflow: TextOverflow.Ellipsis })
           .textOverflow({ overflow: TextOverflow.Ellipsis })
-        .margin({ top: 8, bottom: 8 })
           .align(Alignment.Start)
           .align(Alignment.Start)
           .width('100%')
           .width('100%')
+          .fontColor($r('app.color.color_B0B0B0'))
+      }
+      .margin({ top: 8, bottom: 8 })
+
 
 
       Divider()
       Divider()
         .strokeWidth(1)
         .strokeWidth(1)
@@ -198,10 +216,10 @@ struct LiveMorePage {
       Text(this.title)// .height('42lpx')
       Text(this.title)// .height('42lpx')
         .maxLines(1)
         .maxLines(1)
         .id("title")
         .id("title")
-        .fontSize('35lpx')
+        .fontSize('18vp')
         .fontWeight(400)
         .fontWeight(400)
         .fontColor($r('app.color.color_222222'))
         .fontColor($r('app.color.color_222222'))
-        .lineHeight('42lpx')
+        .lineHeight('22vp')
         .alignRules({
         .alignRules({
           center: { anchor: "__container__", align: VerticalAlign.Center },
           center: { anchor: "__container__", align: VerticalAlign.Center },
           middle: { anchor: "__container__", align: HorizontalAlign.Center }
           middle: { anchor: "__container__", align: HorizontalAlign.Center }
@@ -212,17 +230,141 @@ struct LiveMorePage {
   }
   }
 
 
   @Builder
   @Builder
-  LiveImage() {
+  LiveImage(item: ContentDTO) {
     Row() {
     Row() {
-      Image($r('app.media.icon_live_status_running'))
-        .width(22)
-        .height(18)
+      Image($r('app.media.icon_live_new_running'))
+        .width(14)
+        .height(14)
+        .margin({
+          right: '2vp'
+        })
       Text('直播中')
       Text('直播中')
-        .fontSize('11fp')
+        .fontSize('12vp')
+        .fontWeight(400)
+        .fontColor(Color.White)
+        .margin({
+          right: '5vp'
+        })
+      Divider()
+        .vertical(true)
+        .strokeWidth(1)
+        .height('12vp')
+        .margin({ top: 2, bottom: 2 })
+        .color(Color.White)
+      if (this.getLiveRoomNumber(item).length > 0) {
+        Text(this.getLiveRoomNumber(item))
+          .fontSize('12vp')
           .fontWeight(400)
           .fontWeight(400)
           .fontColor(Color.White)
           .fontColor(Color.White)
+          .margin({
+            left: '5vp'
+          })
+      }
     }
     }
-    .backgroundColor('#4D000000')
+    .justifyContent(FlexAlign.End)
     .margin({ right: 8, bottom: 8 })
     .margin({ right: 8, bottom: 8 })
   }
   }
+
+  private async getData(resolve?: (value: string | PromiseLike<string>) => void) {
+    if (this.isLoading) {
+      if (resolve) {
+        resolve('已更新至最新')
+      }
+      return
+    }
+    this.isLoading = true
+    try {
+      const liveReviewDTO = await PageViewModel.getLiveMoreUrl(this.type, this.currentPage, this.pageSize)
+
+      if (liveReviewDTO && liveReviewDTO.list && liveReviewDTO.list.length > 0) {
+        if (liveReviewDTO.list.length === this.pageSize) {
+          this.hasMore = true;
+        } else {
+          this.hasMore = false;
+        }
+        if (this.currentPage == 1) {
+          this.data.clear()
+        }
+        this.data.push(...liveReviewDTO.list)
+        this.getLiveRoomDataInfo(liveReviewDTO.list)
+      } else  {
+        this.hasMore = false;
+      }
+      this.resolveEnd(true, resolve)
+      if (liveReviewDTO.list.length == 0 && this.currentPage == 1) {
+        this.viewType = ViewType.EMPTY
+      }
+    }catch (exception) {
+      this.resolveEnd(false, resolve)
+    }
+    // PageViewModel.getLiveMoreUrl(this.type, this.currentPage, this.pageSize).then(async (liveReviewDTO) => {
+    //   // this.operDataList = []
+    //   // this.operDataList.push(...liveReviewDTO.list)
+    //   this.data.push(...liveReviewDTO.list)
+    //
+    //   // this.getAppointmentInfo()
+    // })
+  }
+
+  private resolveEnd(isTop: boolean, resolve?: (value: string | PromiseLike<string>) => void) {
+    if (resolve) {
+      if (this.currentPage == 1 && isTop) {
+        resolve('已更新至最新')
+      }else  {
+        resolve('')
+      }
+    }
+    if (this.currentPage == 1 && !isTop) {
+      this.viewType = ViewType.ERROR
+    } else {
+      this.viewType = ViewType.LOADED
+    }
+    this.isLoading = false
+  }
+
+  private getLiveDetailIds(list: ContentDTO[]): string {
+    let idList: string[] = []
+    list.forEach(item => {
+      idList.push(item.objectId)
+    });
+    return idList.join(',')
+  }
+  // 获取评论数
+  async getLiveRoomDataInfo(list: ContentDTO[]) {
+    const reserveIds = this.getLiveDetailIds(list)
+    Logger.debug(TAG,'是否预约数据：' +` ${reserveIds}`)
+    PageViewModel.getLiveRoomBatchInfo(reserveIds).then((result) => {
+      Logger.debug(TAG,'是否预约数据：' +` ${JSON.stringify(result)}`)
+      if (result && result.length > 0) {
+        this.liveRoomList.push(...result)
+        this.data.reloadData()
+      }
+    }).catch(() =>{
+      // this.data.push(...list)
+    })
+  }
+
+  // 判断是否预约
+  getLiveRoomNumber(item: ContentDTO): string  {
+    const objc = this.liveRoomList.find((element: LiveRoomDataBean) => {
+      return element.liveId.toString() == item.objectId
+    })
+    if (objc && objc.pv && objc.pv > 0) {
+      return this.computeShowNum(objc.pv)
+    }
+    return ''
+  }
+
+  private computeShowNum(count: number): string {
+    if (count >= 10000) {
+      let  num = ( count / 10000).toFixed(1)
+      if (Number(num.substring(num.length-1)) == 0) {
+        num = num.substring(0, num.length-2)
+      }
+      return num + '万人参加'
+    }
+    return `${count}人参加`
+  }
+
+
 }
 }

@@ -32,6 +32,9 @@ export struct MinePageComponent {
       }else {
       }else {
         this.isLogin = true
         this.isLogin = true
         this.addRecordDialog()
         this.addRecordDialog()
+        if(this.personalData.length > 0){
+          this.getMessageData()
+        }
       }
       }
     }
     }
   }
   }
@@ -53,7 +56,24 @@ export struct MinePageComponent {
     this.getUserLogin()
     this.getUserLogin()
     this.getFunctionData()
     this.getFunctionData()
     this.addLoginStatusObserver()
     this.addLoginStatusObserver()
+    this.getMessageData()
+  }
+
+  getMessageData(){
+    MinePageDatasModel.getMessageUnReadData().then((value) => {
+      if(value !=null) {
+        if(value.activeCount >0 ||value.subscribeCount > 0 || value.systemCount > 0){
+          this.personalData.forEach((value) => {
+            if(value.msg == "消息")
+              value.isShowRedPoint = true
+          })
         }
         }
+      }
+    }).catch((err: Error) => {
+      console.log(TAG, JSON.stringify(err))
+    })
+  }
+
 
 
   async addLoginStatusObserver(){
   async addLoginStatusObserver(){
     this.preferences = await SPHelper.default.getPreferences();
     this.preferences = await SPHelper.default.getPreferences();

@@ -21,6 +21,7 @@ const TAG = 'PageComponent';
 export struct PageComponent {
 export struct PageComponent {
   @State private pageModel: PageModel = new PageModel();
   @State private pageModel: PageModel = new PageModel();
   @State private pageAdvModel: PageAdModel = new PageAdModel();
   @State private pageAdvModel: PageAdModel = new PageAdModel();
+  @State timer: number = -1
   navIndex: number = 0;
   navIndex: number = 0;
   pageId: string = "";
   pageId: string = "";
   channelId: string = "";
   channelId: string = "";
@@ -29,6 +30,7 @@ export struct PageComponent {
   @Prop @Watch('onAutoRefresh') autoRefresh: number = 0
   @Prop @Watch('onAutoRefresh') autoRefresh: number = 0
   private listScroller: Scroller = new Scroller();
   private listScroller: Scroller = new Scroller();
   needload: boolean = true;
   needload: boolean = true;
+
   build() {
   build() {
     Column() {
     Column() {
       if (this.pageModel.viewType == ViewType.LOADING) {
       if (this.pageModel.viewType == ViewType.LOADING) {
@@ -222,9 +224,10 @@ export struct PageComponent {
   }
   }
 
 
   onChange() {
   onChange() {
-    Logger.info(TAG, `onChangezz id: ${this.pageId} , ${this.channelId} , ${this.navIndex} , navIndex: ${this.currentTopNavSelectedIndex}`);
+    Logger.info(TAG,
+      `onChangezz id: ${this.pageId} , ${this.channelId} , ${this.navIndex} , navIndex: ${this.currentTopNavSelectedIndex}`);
     if (this.navIndex === this.currentTopNavSelectedIndex) {
     if (this.navIndex === this.currentTopNavSelectedIndex) {
-      if(this.needload){
+      if (this.needload) {
         this.getData();
         this.getData();
       }
       }
       this.needload = false;
       this.needload = false;
@@ -242,6 +245,10 @@ export struct PageComponent {
   }
   }
 
 
   async getData() {
   async getData() {
+    if (this.timer) {
+      clearTimeout(this.timer)
+    }
+    this.timer = setTimeout(() => {
       Logger.info(TAG, `getData id: ${this.pageId} , ${this.channelId} , navIndex: ${this.currentTopNavSelectedIndex}`);
       Logger.info(TAG, `getData id: ${this.pageId} , ${this.channelId} , navIndex: ${this.currentTopNavSelectedIndex}`);
       this.pageModel.pageId = this.pageId;
       this.pageModel.pageId = this.pageId;
       this.pageModel.groupId = this.pageId;
       this.pageModel.groupId = this.pageId;
@@ -249,6 +256,8 @@ export struct PageComponent {
       this.pageModel.currentPage = 1;
       this.pageModel.currentPage = 1;
       this.pageModel.pageTotalCompSize = 0;
       this.pageModel.pageTotalCompSize = 0;
       PageHelper.getInitData(this.pageModel, this.pageAdvModel)
       PageHelper.getInitData(this.pageModel, this.pageAdvModel)
+    }, 100)
+
   }
   }
 }
 }
 
 

@@ -27,6 +27,5 @@ export default struct PageNoMoreLayout {
     .width(RefreshConstants.FULL_WIDTH)
     .width(RefreshConstants.FULL_WIDTH)
     .justifyContent(FlexAlign.Center)
     .justifyContent(FlexAlign.Center)
     .height(RefreshConstants.CUSTOM_LAYOUT_HEIGHT)
     .height(RefreshConstants.CUSTOM_LAYOUT_HEIGHT)
-    .margin({bottom:RefreshConstants.NoMoreLayoutConstant_MARGIN_BOTTOM})
   }
   }
 }
 }

@@ -13,6 +13,7 @@ import {
   PeopleShipUserDetailData,
   PeopleShipUserDetailData,
   ArticleCountData
   ArticleCountData
 } from 'wdBean'
 } from 'wdBean'
+import { EmptyComponent } from '../view/EmptyComponent'
 
 
 @Entry
 @Entry
 @Component
 @Component
@@ -35,11 +36,20 @@ struct PeopleShipHomePage {
   @Provide @Watch('handleChangeAttentionStata') isLoadingAttention: boolean = false
   @Provide @Watch('handleChangeAttentionStata') isLoadingAttention: boolean = false
   //关注显示
   //关注显示
   @State attentionOpacity: boolean = false
   @State attentionOpacity: boolean = false
-  @Provide topHeight: number = 400
+  @Provide topHeight: number = 286
+  @State isLoading: boolean = true
 
 
   build() {
   build() {
-
       Stack({ alignContent: Alignment.TopStart }) {
       Stack({ alignContent: Alignment.TopStart }) {
+        // 顶部图片
+        Image($r('app.media.home_page_bg'))
+          .width('100%')
+          .height('120vp')
+          .objectFit(ImageFit.Fill)
+          .backgroundColor(Color.White)
+          .visibility(this.isLoading ? Visibility.None : Visibility.Visible)
+
+        Column(){
           // 头部返回
           // 头部返回
           PeopleShipHomePageNavComponent({
           PeopleShipHomePageNavComponent({
             attentionOpacity: this.attentionOpacity,
             attentionOpacity: this.attentionOpacity,
@@ -47,9 +57,7 @@ struct PeopleShipHomePage {
             detailModel: this.detailModel
             detailModel: this.detailModel
           })
           })
             .height($r('app.float.top_bar_height'))
             .height($r('app.float.top_bar_height'))
-        .zIndex(100)
             .backgroundColor(Color.Transparent)
             .backgroundColor(Color.Transparent)
-
           if (this.detailModel && this.detailModel.userName) {
           if (this.detailModel && this.detailModel.userName) {
             Scroll(this.scroller) {
             Scroll(this.scroller) {
               Column() {
               Column() {
@@ -62,24 +70,32 @@ struct PeopleShipHomePage {
                 })
                 })
                   .width("100%")
                   .width("100%")
                   .height(this.topHeight)
                   .height(this.topHeight)
-
                 // 列表
                 // 列表
+                Column(){
                   PeopleShipHomeListComponent({
                   PeopleShipHomeListComponent({
                     publishCount: this.publishCount,
                     publishCount: this.publishCount,
                     creatorId: this.creatorId
                     creatorId: this.creatorId
                   })
                   })
+                }.height('100%')
+
 
 
               }
               }
               .width("100%")
               .width("100%")
               .justifyContent(FlexAlign.Start)
               .justifyContent(FlexAlign.Start)
+              .alignItems(HorizontalAlign.Start)
+              // .height('100%')
               // .height(this.publishCount == 0 ? '100%' : '')
               // .height(this.publishCount == 0 ? '100%' : '')
             }
             }
+            .scrollable(ScrollDirection.Vertical)
+            // .alignSelf(ItemAlign.Start)
+            // .align(Alignment.Start)
             .edgeEffect(EdgeEffect.None)
             .edgeEffect(EdgeEffect.None)
-        .friction(0.6)
+            .friction(0.7)
             .backgroundColor(Color.White)
             .backgroundColor(Color.White)
             .scrollBar(BarState.Off)
             .scrollBar(BarState.Off)
             .width('100%')
             .width('100%')
-        .height('100%')
+            .height('calc(100% - 44vp)')
+            // .layoutWeight(1)
             .onDidScroll(() => {
             .onDidScroll(() => {
               // this.topOpacity = yOffset / (this.getDeviceHeight() * 0.2)
               // this.topOpacity = yOffset / (this.getDeviceHeight() * 0.2)
               this.topOpacity = this.scroller.currentOffset().yOffset / 100
               this.topOpacity = this.scroller.currentOffset().yOffset / 100
@@ -94,6 +110,13 @@ struct PeopleShipHomePage {
           }
           }
 
 
         }
         }
+        .alignItems(HorizontalAlign.Start)
+        .justifyContent(FlexAlign.Start)
+        .width('100%')
+        // .height('100%')
+      }
+      // .height('100%')
+      .width('100%')
 
 
   }
   }
 
 
@@ -104,9 +127,11 @@ struct PeopleShipHomePage {
 
 
   private async getData() {
   private async getData() {
     try {
     try {
+      this.isLoading = true
       // 获取页面信息
       // 获取页面信息
       this.detailModel = await PeopleShipHomePageDataModel.getPeopleShipHomePageDetailInfo(this.creatorId, '', '')
       this.detailModel = await PeopleShipHomePageDataModel.getPeopleShipHomePageDetailInfo(this.creatorId, '', '')
       Logger.debug('PeopleShipHomePage', '获取页面信息' + `${JSON.stringify(this.detailModel)}`)
       Logger.debug('PeopleShipHomePage', '获取页面信息' + `${JSON.stringify(this.detailModel)}`)
+      this.isLoading = false
 
 
       // 获取关注
       // 获取关注
       // 登录后获取，是否关注
       // 登录后获取，是否关注
@@ -117,7 +142,7 @@ struct PeopleShipHomePage {
       }
       }
 
 
     } catch (exception) {
     } catch (exception) {
-
+      this.isLoading = false
     }
     }
   }
   }
 
 

+import { insightIntent } from '@kit.IntentsKit';
 import { BottomNavDTO, CompDTO, TopNavDTO } from 'wdBean';
 import { BottomNavDTO, CompDTO, TopNavDTO } from 'wdBean';
 import { SpConstants } from 'wdConstant';
 import { SpConstants } from 'wdConstant';
-import { DisplayUtils, LazyDataSource, Logger, SPHelper,  NetworkUtil, ToastUtils  } from 'wdKit';
+import { DisplayUtils, LazyDataSource, Logger, NetworkUtil, SPHelper, ToastUtils } from 'wdKit';
 import { ProcessUtils, WDRouterPage, WDRouterRule } from 'wdRouter';
 import { ProcessUtils, WDRouterPage, WDRouterRule } from 'wdRouter';
 import { PageComponent } from './PageComponent';
 import { PageComponent } from './PageComponent';
 import { ChannelSubscriptionLayout } from './ChannelSubscriptionLayout';
 import { ChannelSubscriptionLayout } from './ChannelSubscriptionLayout';
@@ -8,6 +9,7 @@ import { FirstTabTopSearchComponent } from '../search/FirstTabTopSearchComponent
 import { AssignChannelParam } from 'wdRouter/src/main/ets/utils/HomeChannelUtils';
 import { AssignChannelParam } from 'wdRouter/src/main/ets/utils/HomeChannelUtils';
 import { PeopleShipMainComponent } from '../peopleShip/PeopleShipMainComponent';
 import { PeopleShipMainComponent } from '../peopleShip/PeopleShipMainComponent';
 import { channelSkeleton } from '../skeleton/channelSkeleton';
 import { channelSkeleton } from '../skeleton/channelSkeleton';
+import { common } from '@kit.AbilityKit';
 
 
 
 
 const TAG = 'TopNavigationComponent';
 const TAG = 'TopNavigationComponent';
@@ -37,6 +39,7 @@ export struct TopNavigationComponent {
   // 顶导当前选中/焦点下标
   // 顶导当前选中/焦点下标
   @State currentTopNavSelectedIndex: number = 0;
   @State currentTopNavSelectedIndex: number = 0;
   @State currentTopNavName: string = '';
   @State currentTopNavName: string = '';
+  @State currentTopNavItem: TopNavDTO = {} as TopNavDTO
   // 顶导数据
   // 顶导数据
   @State @Watch('onTopNavigationDataUpdated') topNavList: TopNavDTO[] = []
   @State @Watch('onTopNavigationDataUpdated') topNavList: TopNavDTO[] = []
   @State compList: LazyDataSource<CompDTO> = new LazyDataSource();
   @State compList: LazyDataSource<CompDTO> = new LazyDataSource();
@@ -58,6 +61,8 @@ export struct TopNavigationComponent {
   @Prop @Watch('onAutoRefresh') autoRefresh: number = 0
   @Prop @Watch('onAutoRefresh') autoRefresh: number = 0
   // 传递给page的自动刷新通知
   // 传递给page的自动刷新通知
   @State autoRefresh2Page: number = 0
   @State autoRefresh2Page: number = 0
+  //保存当前导航选中时的时间戳 意图开始时间
+  @State executedStartTime: number = new Date().getTime()
   // 当前底导index
   // 当前底导index
   @State navIndex: number = 0
   @State navIndex: number = 0
   @State animationDuration: number = 0
   @State animationDuration: number = 0
@@ -167,6 +172,7 @@ export struct TopNavigationComponent {
       this.currentTopNavSelectedIndex = index
       this.currentTopNavSelectedIndex = index
       this.currentTopNavName = this.myChannelList[index].name
       this.currentTopNavName = this.myChannelList[index].name
     }
     }
+    this.currentTopNavItem = this.myChannelList[this.currentTopNavSelectedIndex]
   }
   }
 
 
   isBroadcast(item: TopNavDTO) {
   isBroadcast(item: TopNavDTO) {
@@ -184,6 +190,49 @@ export struct TopNavigationComponent {
     return item.channelType === 3
     return item.channelType === 3
   }
   }
 
 
+  //意图共享
+  topNavInsightIntentShare(item: TopNavDTO){
+    let tapNavIntent: insightIntent.InsightIntent = {
+      intentName: 'ViewColumn',
+      intentVersion: '1.0.1',
+      identifier: '52dac3b0-6520-4974-81e5-25f0879449b5',
+      intentActionInfo: {
+        actionMode: 'EXPECTED',
+        currentPercentage: 50,
+        executedTimeSlots: {
+          executedEndTime: new Date().getTime(),
+          executedStartTime: this.executedStartTime
+        }
+      },
+      intentEntityInfo: {
+        entityName: 'ViewColumn',
+        entityId: String(item.pageId) || '',
+        displayName: item.name,
+        logoURL: 'https://www-file.huawei.com/-/media/corporate/images/home/logo/huawei_logo.png',
+        rankingHint: 99,
+        isPublicData: true
+      }
+    }
+
+    try {
+      let context = getContext(this) as common.UIAbilityContext;
+      // 共享数据
+      insightIntent.shareIntent(context, [tapNavIntent], (error) => {
+        if (error?.code) {
+          // 处理业务逻辑错误
+          console.error(`shareIntent failed, error.code: ${error?.code}, error.message: ${error?.message}`);
+          return;
+        }
+        // 执行正常业务
+        console.log('shareIntent succeed');
+      });
+    } catch (error) {
+      // 处理异常
+      console.error(`error.code: ${error?.code}, error.message: ${error?.message}`);
+    }
+  }
+
+
   build() {
   build() {
     Column() {
     Column() {
       // 顶部搜索、日报logo、早晚报
       // 顶部搜索、日报logo、早晚报
@@ -278,7 +327,11 @@ export struct TopNavigationComponent {
           if (!this.isBroadcast(this._currentNavIndex === 0 ? this.myChannelList[index] : this.topNavList[index]) &&
           if (!this.isBroadcast(this._currentNavIndex === 0 ? this.myChannelList[index] : this.topNavList[index]) &&
             !this.isLayout(this._currentNavIndex === 0 ? this.myChannelList[index] : this.topNavList[index])
             !this.isLayout(this._currentNavIndex === 0 ? this.myChannelList[index] : this.topNavList[index])
           ) {
           ) {
+            //在 tab 切换之前意图共享
+            // this.topNavInsightIntentShare(this.currentTopNavItem)
+
             this.currentTopNavSelectedIndex = index;
             this.currentTopNavSelectedIndex = index;
+            this.currentTopNavItem = this.myChannelList[index]
           }
           }
           if (this.isBroadcast(this._currentNavIndex === 0 ? this.myChannelList[index] : this.topNavList[index])) {
           if (this.isBroadcast(this._currentNavIndex === 0 ? this.myChannelList[index] : this.topNavList[index])) {
             // 跳转到播报页面
             // 跳转到播报页面
@@ -416,9 +469,11 @@ export struct TopNavigationComponent {
         this.changeByClick = true
         this.changeByClick = true
         this.tabsController.changeIndex(index)
         this.tabsController.changeIndex(index)
       }
       }
+
     })
     })
   }
   }
 
 
+
   aboutToAppear() {
   aboutToAppear() {
     //处理新闻tab顶导频道数据
     //处理新闻tab顶导频道数据
     this.topNavListHandle()
     this.topNavListHandle()

@@ -13,6 +13,8 @@ export struct VideoChannelPage {
   readonly MAX_LINE: number = 1;
   readonly MAX_LINE: number = 1;
   private groupId: number = 0
   private groupId: number = 0
   private swiperController: SwiperController = new SwiperController()
   private swiperController: SwiperController = new SwiperController()
+  // 自动刷新触发（双击tab自动刷新）
+  @Prop autoRefresh: number = 0
   @Prop topNavList: TopNavDTO[]
   @Prop topNavList: TopNavDTO[]
   @Link _currentNavIndex?: number;
   @Link _currentNavIndex?: number;
   @Consume barBackgroundColor: Color
   @Consume barBackgroundColor: Color
@@ -91,8 +93,12 @@ export struct VideoChannelPage {
           right: $r('app.float.top_tab_item_padding_horizontal'),
           right: $r('app.float.top_tab_item_padding_horizontal'),
         })
         })
         .onClick(() => {
         .onClick(() => {
+          if (this.currentTopNavSelectedIndex === index) {
+            this.autoRefresh++
+          }
           this.currentTopNavSelectedIndex = index
           this.currentTopNavSelectedIndex = index
           this.swiperController.changeIndex(index, true)
           this.swiperController.changeIndex(index, true)
+
         })
         })
       }, (item: TopNavDTO) => item.channelId + '')
       }, (item: TopNavDTO) => item.channelId + '')
     }
     }
@@ -113,6 +119,7 @@ export struct VideoChannelPage {
             groupId: this.groupId + '',
             groupId: this.groupId + '',
             pageId: item.pageId + '',
             pageId: item.pageId + '',
             channelId: item.channelId + '',
             channelId: item.channelId + '',
+            autoRefresh: this.autoRefresh,
           })
           })
         } else {
         } else {
           // 直播
           // 直播
@@ -121,7 +128,7 @@ export struct VideoChannelPage {
             navIndex: index,
             navIndex: index,
             pageId: item.pageId + '',
             pageId: item.pageId + '',
             channelId: item.channelId + '',
             channelId: item.channelId + '',
-            autoRefresh: this.autoRefresh2Page
+            autoRefresh: this.autoRefresh
           }).margin({ top: 40 })
           }).margin({ top: 40 })
         }
         }
       }, (item: TopNavDTO) => item.channelId + '')
       }, (item: TopNavDTO) => item.channelId + '')

 import { PeopleShipRecommendHeadComponent } from './PeopleShipRecommendHeadComponent'
 import { PeopleShipRecommendHeadComponent } from './PeopleShipRecommendHeadComponent'
 import { RmhRecommendDTO } from 'wdBean';
 import { RmhRecommendDTO } from 'wdBean';
+import { faceDetector } from '@kit.CoreVisionKit';
 
 
 @Component
 @Component
 export struct PeopleShipRecommendComponent {
 export struct PeopleShipRecommendComponent {
@@ -29,7 +30,7 @@ export struct PeopleShipRecommendComponent {
           .fontSize($r('app.float.vp_18'))
           .fontSize($r('app.float.vp_18'))
 
 
         Blank()
         Blank()
-        Button({ type: ButtonType.Normal, stateEffect: true }) {
+        Button({ type: ButtonType.Normal, stateEffect: false }) {
           Row() {
           Row() {
             Text('换一换')
             Text('换一换')
               .height('30vp')
               .height('30vp')

-import { Logger, DisplayUtils} from 'wdKit'
+import { Logger} from 'wdKit'
 import { PeopleShipHomePageDataModel } from '../../viewmodel/PeopleShipHomePageDataModel'
 import { PeopleShipHomePageDataModel } from '../../viewmodel/PeopleShipHomePageDataModel'
 import {
 import {
   ContentDTO,
   ContentDTO,
@@ -16,11 +16,11 @@ import {
 } from 'wdBean'
 } from 'wdBean'
 import { CardParser } from '../CardParser'
 import { CardParser } from '../CardParser'
 import { PageRepository } from '../../repository/PageRepository'
 import { PageRepository } from '../../repository/PageRepository'
-import { RefreshLayoutBean } from '../page/RefreshLayoutBean'
 import CustomRefreshLoadLayout from '../page/CustomRefreshLoadLayout'
 import CustomRefreshLoadLayout from '../page/CustomRefreshLoadLayout'
 import { ErrorComponent } from '../view/ErrorComponent'
 import { ErrorComponent } from '../view/ErrorComponent'
 import { CustomPullToRefresh } from '../reusable/CustomPullToRefresh'
 import { CustomPullToRefresh } from '../reusable/CustomPullToRefresh'
 import { PeopleShipNoMoreData } from '../reusable/PeopleShipNoMoreData'
 import { PeopleShipNoMoreData } from '../reusable/PeopleShipNoMoreData'
+import LoadMoreLayout from '../page/LoadMoreLayout'
 
 
 const TAG = 'PeopleShipHomeArticleListComponent';
 const TAG = 'PeopleShipHomeArticleListComponent';
 
 
@@ -47,45 +47,29 @@ export struct PeopleShipHomeArticleListComponent {
     } else if (this.viewType == 2) {
     } else if (this.viewType == 2) {
       ErrorComponent()
       ErrorComponent()
     }  else {
     }  else {
-      CustomPullToRefresh({
-        alldata:this.arr,
-        scroller:this.scroller,
-        hasMore: this.hasMore,
-        customList:()=>{
       this.ListLayout()
       this.ListLayout()
-        },
-        onRefresh:(resolve)=>{
-          this.currentPage = 1
-          this.getPeopleShipPageArticleList(resolve)
-        },
-        onLoadMore:(resolve)=> {
-          if (this.hasMore === false) {
-            if(resolve) {
-              resolve('')
-            }
-            return
-          }
-          if(!this.isLoading && this.hasMore){
-            //加载分页数据
-            this.currentPage++;
-            this.getPeopleShipPageArticleList(resolve)
-          }else  {
-            if(resolve)  {
-              resolve('')
-            }
-          }
-        },
-      })
+      // CustomPullToRefresh({
+      //   alldata:this.arr,
+      //   scroller:this.scroller,
+      //   hasMore: false,
+      //   customList:()=>{
+      //     this.ListLayout()
+      //   },
+      //   onRefresh:(resolve)=>{
+      //     this.currentPage = 1
+      //     this.getPeopleShipPageArticleList(resolve)
+      //   },
+      // })
     }
     }
 
 
   }
   }
 
 
   @Builder
   @Builder
   LoadingLayout() {
   LoadingLayout() {
-    CustomRefreshLoadLayout({
-      refreshBean: new RefreshLayoutBean(true,
-        $r('app.media.ic_pull_up_load'), $r('app.string.pull_up_load_text'), 20)
-    }).height(DisplayUtils.getDeviceHeight() - this.topHeight)
+    // CustomRefreshLoadLayout({
+    //   refreshBean: new RefreshLayoutBean(true,
+    //     $r('app.media.ic_pull_up_load'), $r('app.string.pull_up_load_text'), 20)
+    // }).height(DisplayUtils.getDeviceHeight() - this.topHeight)
   }
   }
 
 
   @Builder
   @Builder
@@ -93,7 +77,6 @@ export struct PeopleShipHomeArticleListComponent {
 
 
     List({scroller: this.scroller}) {
     List({scroller: this.scroller}) {
       // 下拉刷新
       // 下拉刷新
-
         ForEach(this.arr, (item: ContentDTO) => {
         ForEach(this.arr, (item: ContentDTO) => {
           ListItem() {
           ListItem() {
             CardParser({ contentDTO: item })
             CardParser({ contentDTO: item })
@@ -103,11 +86,14 @@ export struct PeopleShipHomeArticleListComponent {
 
 
         // 加载更多
         // 加载更多
         ListItem() {
         ListItem() {
-          if (!this.hasMore && !this.isLoading) {
+          if (this.hasMore && this.arr && this.arr.length > 0) {
+            LoadMoreLayout({ isVisible: this.hasMore })
+          } else if (!this.hasMore && !this.isLoading) {
             PeopleShipNoMoreData()
             PeopleShipNoMoreData()
           }
           }
         }
         }
     }
     }
+    .backgroundColor(Color.Transparent)
     .width("100%")
     .width("100%")
     .height("100%")
     .height("100%")
     .edgeEffect(EdgeEffect.None)
     .edgeEffect(EdgeEffect.None)
@@ -115,13 +101,13 @@ export struct PeopleShipHomeArticleListComponent {
       scrollForward: NestedScrollMode.PARENT_FIRST,
       scrollForward: NestedScrollMode.PARENT_FIRST,
       scrollBackward: NestedScrollMode.SELF_FIRST
       scrollBackward: NestedScrollMode.SELF_FIRST
     })
     })
-
-    // .onReachEnd(() => {
-    //   if(!this.isLoading && this.hasMore){
-    //     //加载分页数据
-    //     this.getPeopleShipPageArticleList()
-    //   }
-    // })
+    .onReachEnd(() => {
+      if(!this.isLoading && this.hasMore){
+        //加载分页数据
+        this.currentPage++;
+        this.getPeopleShipPageArticleList()
+      }
+    })
   }
   }
 
 
   aboutToAppear() {
   aboutToAppear() {
@@ -313,7 +299,6 @@ export struct PeopleShipHomeArticleListComponent {
       }
       }
 
 
     }
     }
-
     // this.arr = listData.list
     // this.arr = listData.list
   }
   }
 
 

@@ -24,10 +24,10 @@ export struct PeopleShipHomeListComponent {
     // 列表
     // 列表
     else if (this.publishCount == 0) {
     else if (this.publishCount == 0) {
       // 无数据展示
       // 无数据展示
-      EmptyComponent({emptyType: 12}).height(DisplayUtils.getDeviceHeight() - this.topHeight)
+      EmptyComponent({emptyType: 12}).height('100%')
     } else {
     } else {
       Column() {
       Column() {
-        Column() {
+        Stack({ alignContent: Alignment.Top }){
           // 页签
           // 页签
           Row() {
           Row() {
             Scroll() {
             Scroll() {
@@ -44,13 +44,10 @@ export struct PeopleShipHomeListComponent {
             .scrollBar(BarState.Off)
             .scrollBar(BarState.Off)
             .width('100%')
             .width('100%')
           }
           }
+          .zIndex(10)
           .backgroundColor(Color.White)
           .backgroundColor(Color.White)
-          .alignItems(VerticalAlign.Bottom)
-          .width('100%')
-        }
-        .justifyContent(FlexAlign.Start)
           .height('44vp')
           .height('44vp')
-        .alignItems(HorizontalAlign.Start)
+          .alignItems(VerticalAlign.Bottom)
           .width('100%')
           .width('100%')
 
 
           Tabs({ barPosition: BarPosition.Start, controller: this.controller }) {
           Tabs({ barPosition: BarPosition.Start, controller: this.controller }) {
@@ -63,15 +60,15 @@ export struct PeopleShipHomeListComponent {
                   currentIndex: index
                   currentIndex: index
                 })
                 })
               }
               }
-            // }.tabBar(this.tabBuilder(index, item.name ?? ''))
+              // .tabBar(this.Tab(index, item.name ?? ''))
             })
             })
 
 
           }
           }
           .backgroundColor(Color.White)
           .backgroundColor(Color.White)
           .barWidth('100%')
           .barWidth('100%')
-        .barHeight(0)
           .vertical(false)
           .vertical(false)
-        .height(DisplayUtils.getDeviceHeight() - 144)
+          .barHeight('44vp')
+          .height('100% ')
           .animationDuration(0)
           .animationDuration(0)
           .divider({
           .divider({
             strokeWidth: '0.5vp',
             strokeWidth: '0.5vp',
@@ -82,16 +79,19 @@ export struct PeopleShipHomeListComponent {
           .onChange((index: number) => {
           .onChange((index: number) => {
             this.currentIndex = index
             this.currentIndex = index
           })
           })
+
+        }
+
       }
       }
     }
     }
   }
   }
 
 
   @Builder
   @Builder
   LoadingLayout() {
   LoadingLayout() {
-    CustomRefreshLoadLayout({
-      refreshBean: new RefreshLayoutBean(true,
-        $r('app.media.ic_pull_up_load'), $r('app.string.pull_up_load_text'), DisplayUtils.getDeviceHeight() - this.topHeight)
-    }).height(DisplayUtils.getDeviceHeight() - this.topHeight)
+    // CustomRefreshLoadLayout({
+    //   refreshBean: new RefreshLayoutBean(true,
+    //     $r('app.media.ic_pull_up_load'), $r('app.string.pull_up_load_text'), DisplayUtils.getDeviceHeight() - this.topHeight)
+    // }).height('100%')
   }
   }
 
 
   // 单独的页签
   // 单独的页签

@@ -43,9 +43,8 @@ export struct PeopleShipHomePageNavComponent {
             }).onClick(()=>{
             }).onClick(()=>{
               let params = {
               let params = {
                 'headPhotoUrl': this.detailModel.headPhotoUrl,
                 'headPhotoUrl': this.detailModel.headPhotoUrl,
-                'headType': '1'
               } as Record<string, string>;
               } as Record<string, string>;
-              WDRouterRule.jumpWithPage(WDRouterPage.showUserHeaderPage,params)
+              WDRouterRule.jumpWithPage(WDRouterPage.showHomePageHeaderPage,params)
             }).margin({
             }).margin({
                 left: '10vp',
                 left: '10vp',
               })
               })

@@ -56,9 +56,8 @@ export struct PeopleShipHomePageTopComponent {
           }).onClick(() => {
           }).onClick(() => {
             let params = {
             let params = {
               'headPhotoUrl': this.detailModel.headPhotoUrl,
               'headPhotoUrl': this.detailModel.headPhotoUrl,
-              'headType': '1'
             } as Record<string, string>;
             } as Record<string, string>;
-            WDRouterRule.jumpWithPage(WDRouterPage.showUserHeaderPage, params)
+            WDRouterRule.jumpWithPage(WDRouterPage.showHomePageHeaderPage, params)
           })
           })
 
 
 
 
@@ -369,7 +368,11 @@ export struct PeopleShipHomePageTopComponent {
 
 
   private computeShowNum(count: number) {
   private computeShowNum(count: number) {
     if (count >= 10000) {
     if (count >= 10000) {
-      return `${(count / 10000).toFixed(1)}万`
+      let  num = ( count / 10000).toFixed(1)
+      if (Number(num.substring(num.length-1)) == 0) {
+          num = num.substring(0, num.length-2)
+      }
+      return num + '万'
     }
     }
     return `${count}`
     return `${count}`
   }
   }

@@ -12,6 +12,7 @@ import { PeopleShipNoMoreData } from '../reusable/PeopleShipNoMoreData';
 import {  HttpUtils } from 'wdNetwork/Index';
 import {  HttpUtils } from 'wdNetwork/Index';
 import { WDRouterPage, WDRouterRule } from 'wdRouter'
 import { WDRouterPage, WDRouterRule } from 'wdRouter'
 import {  LazyDataSource } from 'wdKit/Index';
 import {  LazyDataSource } from 'wdKit/Index';
+import LoadMoreLayout from '../page/LoadMoreLayout'
 
 
 const TAG: string = 'ReserveMorePage';
 const TAG: string = 'ReserveMorePage';
 
 
@@ -31,7 +32,7 @@ struct ReserveMorePage {
   topSafeHeight: number = AppStorage.get<number>('topSafeHeight') as number;
   topSafeHeight: number = AppStorage.get<number>('topSafeHeight') as number;
   type: number = 2;
   type: number = 2;
   pageSize: number = 20;
   pageSize: number = 20;
-  title: string = '预约列表'
+  title: string = '直播预告'
   //是否预约过直播
   //是否预约过直播
   @State isAppointmentLive: boolean = false
   @State isAppointmentLive: boolean = false
   @State contentDTO: ContentDTO = {} as ContentDTO;
   @State contentDTO: ContentDTO = {} as ContentDTO;
@@ -95,7 +96,9 @@ struct ReserveMorePage {
       )
       )
       // 加载更多
       // 加载更多
       ListItem() {
       ListItem() {
-        if (!this.hasMore && !this.isLoading) {
+        if (this.hasMore && this.data && this.data.totalCount() > 0) {
+          LoadMoreLayout({ isVisible: this.hasMore })
+        } else if (!this.hasMore && !this.isLoading) {
           PeopleShipNoMoreData()
           PeopleShipNoMoreData()
         }
         }
       }
       }
@@ -104,7 +107,7 @@ struct ReserveMorePage {
     .edgeEffect(EdgeEffect.None)
     .edgeEffect(EdgeEffect.None)
     .scrollBar(BarState.Off)
     .scrollBar(BarState.Off)
     .backgroundColor('#F5F5F5')
     .backgroundColor('#F5F5F5')
-    .layoutWeight(1)
+    .height('calc(100% - 44vp)')
     .onReachEnd(() => {
     .onReachEnd(() => {
       Logger.debug(TAG, "触底了");
       Logger.debug(TAG, "触底了");
       if(!this.isLoading && this.hasMore){
       if(!this.isLoading && this.hasMore){
@@ -124,7 +127,7 @@ struct ReserveMorePage {
   buildItem(item: ContentDTO, index: number) {
   buildItem(item: ContentDTO, index: number) {
     Column() {
     Column() {
       Stack() {
       Stack() {
-        Image(item.fullColumnImgUrls[0].url)
+        Image(item.fullColumnImgUrls[0]?.url)
           .width('100%')
           .width('100%')
           .height(196)
           .height(196)
           .borderRadius(4)
           .borderRadius(4)
@@ -136,16 +139,18 @@ struct ReserveMorePage {
       Text(item.newsTitle)
       Text(item.newsTitle)
         .fontSize(17)
         .fontSize(17)
         .maxLines(2)
         .maxLines(2)
+        .lineHeight(25)
         .textOverflow({ overflow: TextOverflow.Ellipsis })
         .textOverflow({ overflow: TextOverflow.Ellipsis })
-        .margin({ top: 16, left: 12, right: 12 })
+        .margin({ top: 4, left: 12, right: 12 })
         .alignSelf(ItemAlign.Start)
         .alignSelf(ItemAlign.Start)
       Row() {
       Row() {
+        if (item.liveInfo && item.liveInfo.liveStartTime) {
           Row() {
           Row() {
             Image($r('app.media.reserve_play_icon'))
             Image($r('app.media.reserve_play_icon'))
               .width(20)
               .width(20)
               .height(20)
               .height(20)
               .margin({ left: 10, top: 2, bottom: 2, right: 6 })
               .margin({ left: 10, top: 2, bottom: 2, right: 6 })
-          // Text(DateTimeUtils.formatDate(item.liveInfo.liveStartTime, "MM月dd日 HH:mm"))
+
             Text(this.getReserveDate(item.liveInfo.liveStartTime, 1))
             Text(this.getReserveDate(item.liveInfo.liveStartTime, 1))
               .fontSize(12)
               .fontSize(12)
               .fontWeight(500)
               .fontWeight(500)
@@ -175,25 +180,8 @@ struct ReserveMorePage {
           }
           }
           .backgroundColor('#F5F5F5')
           .backgroundColor('#F5F5F5')
           .margin(12)
           .margin(12)
-
-        // Flex({ justifyContent: FlexAlign.Center }) {
-        //   Text(this.isAppointmentLive ? '已预约' : '预约')
-        //     .fontSize(12)
-        //     .fontWeight(400)
-        //     .fontFamily('PingFang SC-Regular')
-        //     .width(52)
-        //     .height(24)
-        //     .fontColor(Color.White)
-        //     .textAlign(TextAlign.Center)
-        //     .onClick(() => {
-        //       this.liveAppointment(item)
-        //     })
-        // }
-        // .width(52)
-        // .backgroundColor('#ED2800')
-        // .borderRadius(3)
-        // ReserveMoreAttentionComponent({reserveItem: this.getAttentionItem(item), })
-        //   .margin({ right: 12 })
+        }
+        // 预约
         Row() {
         Row() {
           LoadingProgress()
           LoadingProgress()
             .width(20)
             .width(20)
@@ -201,7 +189,7 @@ struct ReserveMorePage {
             .color(!this.isReserved(item) ? $r('app.color.color_fff') : $r('app.color.color_CCCCCC'))
             .color(!this.isReserved(item) ? $r('app.color.color_fff') : $r('app.color.color_CCCCCC'))
             .visibility((this.isLoadingAttention && this.liveId == item.objectId) ? Visibility.Visible : Visibility.None)
             .visibility((this.isLoadingAttention && this.liveId == item.objectId) ? Visibility.Visible : Visibility.None)
 
 
-          Text(!this.isReserved(item) ? '关注' : '已关注')
+          Text(!this.isReserved(item) ? '预约' : '已预约')
             .fontSize($r('app.float.vp_12'))
             .fontSize($r('app.float.vp_12'))
             .fontWeight(500)
             .fontWeight(500)
             .fontColor(!this.isReserved(item) ? $r('app.color.color_fff') : $r('app.color.color_CCCCCC'))
             .fontColor(!this.isReserved(item) ? $r('app.color.color_fff') : $r('app.color.color_CCCCCC'))
@@ -253,6 +241,9 @@ struct ReserveMorePage {
         .height(24)
         .height(24)
         .objectFit(ImageFit.Auto)
         .objectFit(ImageFit.Auto)
         .id("back_icon")
         .id("back_icon")
+        .margin({
+          left: '16vp'
+        })
         .alignRules({
         .alignRules({
           center: { anchor: "__container__", align: VerticalAlign.Center },
           center: { anchor: "__container__", align: VerticalAlign.Center },
           left: { anchor: "__container__", align: HorizontalAlign.Start }
           left: { anchor: "__container__", align: HorizontalAlign.Start }
@@ -264,10 +255,10 @@ struct ReserveMorePage {
       Text(this.title)// .height('42lpx')
       Text(this.title)// .height('42lpx')
         .maxLines(1)
         .maxLines(1)
         .id("title")
         .id("title")
-        .fontSize('35lpx')
+        .fontSize('18vp')
         .fontWeight(400)
         .fontWeight(400)
         .fontColor($r('app.color.color_222222'))
         .fontColor($r('app.color.color_222222'))
-        .lineHeight('42lpx')
+        .lineHeight('22vp')
         .alignRules({
         .alignRules({
           center: { anchor: "__container__", align: VerticalAlign.Center },
           center: { anchor: "__container__", align: VerticalAlign.Center },
           middle: { anchor: "__container__", align: HorizontalAlign.Center }
           middle: { anchor: "__container__", align: HorizontalAlign.Center }
@@ -281,11 +272,14 @@ struct ReserveMorePage {
   @Builder
   @Builder
   LiveImage() {
   LiveImage() {
     Row() {
     Row() {
-      Image($r('app.media.reserve_icon'))
-        .width(22)
-        .height(18)
+      Image($r('app.media.reserve_new_icon'))
+        .width(14)
+        .height(14)
+        .margin({
+          right: 3
+        })
       Text('预约')
       Text('预约')
-        .fontSize('11fp')
+        .fontSize('12vp')
         .fontWeight(400)
         .fontWeight(400)
         .fontColor(Color.White)
         .fontColor(Color.White)
     }
     }
@@ -511,9 +505,5 @@ struct ReserveMorePage {
     }
     }
   }
   }
 
 
-  async liveAppointment(item: ContentDTO) {
-    const liveDetail = await LiveModel.liveAppointment(item?.relId || '', item?.objectId || '', this.isAppointmentLive || false)
-  }
-
 
 
 }
 }

@@ -323,9 +323,10 @@ export struct SearchComponent {
         if(value.videoTotal!=0){
         if(value.videoTotal!=0){
           this.count.push("视频")
           this.count.push("视频")
         }
         }
-        if(value.activityTotal!=0){
-          this.count.push("活动")
-        }
+        //屏蔽活动
+        // if(value.activityTotal!=0){
+        //   this.count.push("活动")
+        // }
       }
       }
       this.isGetRequest = true
       this.isGetRequest = true
      this.resetSearch()
      this.resetSearch()

@@ -82,7 +82,7 @@ export struct SearchResultComponent {
                   .margin({ right: '10lpx' })
                   .margin({ right: '10lpx' })
                 Text("为你推荐")
                 Text("为你推荐")
                   .textAlign(TextAlign.Start)
                   .textAlign(TextAlign.Start)
-                  .fontWeight('600lpx')
+                  .fontWeight(600)
                   .fontSize('33lpx')
                   .fontSize('33lpx')
                   .lineHeight('46lpx')
                   .lineHeight('46lpx')
                   .fontColor($r('app.color.color_222222'))
                   .fontColor($r('app.color.color_222222'))
@@ -131,10 +131,8 @@ export struct SearchResultComponent {
         .barWidth('100%')
         .barWidth('100%')
         .barHeight('84lpx')
         .barHeight('84lpx')
         .animationDuration(0)
         .animationDuration(0)
-        .onChange((index: number) => {
-          this.currentIndex = index
-        })
         .width('100%')
         .width('100%')
+        .scrollable(false)
         .layoutWeight(1)
         .layoutWeight(1)
       }
       }
     }.width('100%')
     }.width('100%')

-import { ContentDTO,
+import {
+  ContentDTO,
   contentListParams,
   contentListParams,
-  FullColumnImgUrlDTO, InteractDataDTO,
+  FullColumnImgUrlDTO,
+  InteractDataDTO,
   Params,
   Params,
-  RmhInfoDTO, VideoInfoDTO } from 'wdBean/Index'
+  RmhInfoDTO,
+  VideoInfoDTO
+} from 'wdBean/Index'
 import { LiveInfoDTO } from 'wdBean/src/main/ets/bean/detail/LiveInfoDTO'
 import { LiveInfoDTO } from 'wdBean/src/main/ets/bean/detail/LiveInfoDTO'
 import { VoiceInfoDTO } from 'wdBean/src/main/ets/bean/detail/VoiceInfoDTO'
 import { VoiceInfoDTO } from 'wdBean/src/main/ets/bean/detail/VoiceInfoDTO'
-import { LazyDataSource, Logger, StringUtils, ToastUtils } from 'wdKit/Index'
+import { LazyDataSource, Logger, StringUtils, ToastUtils, UserDataLocal } from 'wdKit/Index'
 import { WDRouterPage, WDRouterRule } from 'wdRouter/Index'
 import { WDRouterPage, WDRouterRule } from 'wdRouter/Index'
+import MinePageDatasModel from '../../model/MinePageDatasModel'
 import SearcherAboutDataModel from '../../model/SearcherAboutDataModel'
 import SearcherAboutDataModel from '../../model/SearcherAboutDataModel'
 import { CreatorDetailRequestItem } from '../../viewmodel/CreatorDetailRequestItem'
 import { CreatorDetailRequestItem } from '../../viewmodel/CreatorDetailRequestItem'
+import { FollowListDetailItem } from '../../viewmodel/FollowListDetailItem'
+import { FollowListStatusRequestItem } from '../../viewmodel/FollowListStatusRequestItem'
+import { QueryListIsFollowedItem } from '../../viewmodel/QueryListIsFollowedItem'
 import { SearchResultContentData } from '../../viewmodel/SearchResultContentData'
 import { SearchResultContentData } from '../../viewmodel/SearchResultContentData'
 import { SearchResultContentItem, SearchRmhDescription } from '../../viewmodel/SearchResultContentItem'
 import { SearchResultContentItem, SearchRmhDescription } from '../../viewmodel/SearchResultContentItem'
 import { CardParser } from '../CardParser'
 import { CardParser } from '../CardParser'
+import { FollowChildComponent } from '../mine/follow/FollowChildComponent'
 import { ListHasNoMoreDataUI } from '../reusable/ListHasNoMoreDataUI'
 import { ListHasNoMoreDataUI } from '../reusable/ListHasNoMoreDataUI'
 import { ActivityItemComponent } from './ActivityItemComponent'
 import { ActivityItemComponent } from './ActivityItemComponent'
 import { SearchCreatorComponent } from './SearchCreatorComponent'
 import { SearchCreatorComponent } from './SearchCreatorComponent'
@@ -19,27 +28,28 @@ import { SearchCreatorComponent } from './SearchCreatorComponent'
 const TAG = "SearchResultContentComponent"
 const TAG = "SearchResultContentComponent"
 
 
 @Component
 @Component
-export struct SearchResultContentComponent{
-  @State keywords:string = ""
-  @State searchType:string = ""
+export struct SearchResultContentComponent {
+  @State keywords: string = ""
+  @State searchType: string = ""
   @State data: LazyDataSource<ContentDTO> = new LazyDataSource();
   @State data: LazyDataSource<ContentDTO> = new LazyDataSource();
   @State data_rmh: SearchRmhDescription[] = []
   @State data_rmh: SearchRmhDescription[] = []
-  @State count:number = -1;
-  @State isLoading:boolean = false
-  @State hasMore:boolean = true
-  curPageNum:number = 1;
-
+  @State count: number = -1;
+  @State isLoading: boolean = false
+  @State hasMore: boolean = true
+  curPageNum: number = 1;
+  @State bean: FollowListDetailItem = new FollowListDetailItem("", "", "", "", "", "", "", "", "", -1, -1, "")
+  scroller: Scroller = new Scroller()
 
 
   aboutToAppear(): void {
   aboutToAppear(): void {
-    if(this.searchType == "全部"){
+    if (this.searchType == "全部") {
       this.searchType = "all"
       this.searchType = "all"
-    }else if(this.searchType == "精选"){
+    } else if (this.searchType == "精选") {
       this.searchType = "cms"
       this.searchType = "cms"
-    }else if(this.searchType == "人民号"){
+    } else if (this.searchType == "人民号") {
       this.searchType = "rmh"
       this.searchType = "rmh"
-    }else if(this.searchType == "视频"){
+    } else if (this.searchType == "视频") {
       this.searchType = "video"
       this.searchType = "video"
-    }else if(this.searchType == "活动"){
+    } else if (this.searchType == "活动") {
       this.searchType = "activity"
       this.searchType = "activity"
     }
     }
 
 
@@ -47,93 +57,135 @@ export struct SearchResultContentComponent{
     this.getNewSearchResultData()
     this.getNewSearchResultData()
   }
   }
 
 
-  getNewSearchResultData(){
+  getNewSearchResultData() {
     this.isLoading = true
     this.isLoading = true
-    if(this.hasMore){
-      SearcherAboutDataModel.getSearchResultListData("20",`${this.curPageNum}`,this.searchType,this.keywords,getContext(this)).then((value)=>{
-        if (!this.data || value.list.length == 0){
+    if (this.hasMore) {
+      SearcherAboutDataModel.getSearchResultListData("15", `${this.curPageNum}`, this.searchType, this.keywords,
+        getContext(this)).then((value) => {
+        if (!this.data || value.list.length == 0) {
           this.hasMore = false
           this.hasMore = false
           this.isLoading = false
           this.isLoading = false
-          this.count = this.count===-1?0:this.count
-        }else{
-          if(value.list[0].dataList!=null){
+          this.count = this.count === -1 ? 0 : this.count
+        } else {
+          if (value.list[0].dataList != null) {
             let data_temp: SearchRmhDescription[] = []
             let data_temp: SearchRmhDescription[] = []
+
             data_temp = value.list[0].dataList
             data_temp = value.list[0].dataList
 
 
             //TODO 查询创作者详情接口
             //TODO 查询创作者详情接口
             let request = new CreatorDetailRequestItem()
             let request = new CreatorDetailRequestItem()
 
 
-            data_temp.forEach((data)=>{
+            data_temp.forEach((data) => {
               request.creatorIdList.push(data.creatorId)
               request.creatorIdList.push(data.creatorId)
             })
             })
 
 
-            SearcherAboutDataModel.getCreatorDetailListData(request).then((value)=>{
-              if(value!=null && value.length>0){
-                data_temp.forEach((data)=>{
-                  value.forEach((item)=>{
-                    if(data.creatorId == item.creatorId){
+            SearcherAboutDataModel.getCreatorDetailListData(request).then((value) => {
+              if (value != null && value.length > 0) {
+                data_temp.forEach((data) => {
+                  value.forEach((item) => {
+                    if (data.creatorId == item.creatorId) {
                       data.headerPhotoUrl = item.headPhotoUrl.split("?")[0]
                       data.headerPhotoUrl = item.headPhotoUrl.split("?")[0]
-                      data.mainControl = item.mainControl+""
+                      data.mainControl = item.mainControl + ""
+
+                      if(data_temp.length === 1){
+                        this.bean.headPhotoUrl = item.headPhotoUrl.split("?")[0]
+                        this.bean.cnUserName = item.userName
+                        this.bean.creatorId = item.creatorId
+                        this.bean.authIcon = item.authIcon
+
+                        if (value[0].fansNum > 10000) {
+                          let temp = (value[0].fansNum / 10000) + ""
+                          let index = temp.indexOf('.')
+                          if (index != -1) {
+                            temp = temp.substring(0, index + 2)
+                          } else {
+                            temp = temp
+                          }
+                          this.bean.cnFansNum = temp + "万"
+                        } else {
+                          this.bean.cnFansNum = item.fansNum + ""
+                        }
+                        this.bean.introduction = item.introduction
+                        this.bean.mainControl = item.mainControl
+                        this.bean.banControl = item.banControl
+                        this.bean.cnUserType = item.userType
+                        this.bean.cnUserId = item.userId
+                      }
                     }
                     }
                   })
                   })
                 })
                 })
               }
               }
-              data_temp.forEach((data)=>{
+              data_temp.forEach((data) => {
                 this.data_rmh.push(data)
                 this.data_rmh.push(data)
               })
               })
 
 
-            }).catch((err:Error)=>{
-              console.log(TAG,JSON.stringify(err))
+              //只有一条创作者，获取 创作者信息
+              if (this.data_rmh.length === 1) {
+                if(StringUtils.isNotEmpty(UserDataLocal.getUserId())){
+                  //查询是否被关注
+                  let status = new FollowListStatusRequestItem()
+                  status.creatorIds.push(new QueryListIsFollowedItem(this.data_rmh[0].creatorId))
+                  MinePageDatasModel.getFollowListStatusData(status, getContext(this)).then((newValue) => {
+                    this.bean.status = newValue[0].status
+                  }).catch((err: Error) => {
+                    console.log(TAG, "请求失败")
+                  })
+                }else{
+                  this.bean.status = ""
+                }
+              }
+            }).catch((err: Error) => {
+              console.log(TAG, JSON.stringify(err))
             })
             })
           }
           }
           this.getInteractData(value)
           this.getInteractData(value)
         }
         }
-      }).catch((err:Error)=>{
-        console.log(TAG,JSON.stringify(err))
+      }).catch((err: Error) => {
+        console.log(TAG, JSON.stringify(err))
         this.isLoading = false
         this.isLoading = false
-        this.count = this.count===-1?0:this.count
+        this.count = this.count === -1 ? 0 : this.count
       })
       })
     }
     }
   }
   }
 
 
-  getInteractData(resultData:SearchResultContentData){
-    if(resultData.list[0].dataList!=null){
-      resultData.list.splice(0,1)
+  getInteractData(resultData: SearchResultContentData) {
+    if (resultData.list[0].dataList != null) {
+      resultData.list.splice(0, 1)
     }
     }
 
 
-    let data : contentListParams = {
+    let data: contentListParams = {
       contentList: []
       contentList: []
     }
     }
-    resultData.list.forEach((item)=>{
+    resultData.list.forEach((item) => {
       data.contentList.push({
       data.contentList.push({
         contentId: item.data.id + '',
         contentId: item.data.id + '',
         contentType: Number.parseInt(item.data.type)
         contentType: Number.parseInt(item.data.type)
       })
       })
     })
     })
 
 
-    SearcherAboutDataModel.getInteractListData(data,getContext(this)).then((newValue)=>{
-      newValue.forEach((item)=>{
-        resultData.list.forEach((data)=>{
+    SearcherAboutDataModel.getInteractListData(data, getContext(this)).then((newValue) => {
+      newValue.forEach((item) => {
+        resultData.list.forEach((data) => {
           if (item.contentId == data.data.id) {
           if (item.contentId == data.data.id) {
-            data.data.collectNum = item.collectNum+""
-            data.data.commentNum = item.commentNum+""
-            data.data.likeNum = item.likeNum+""
-            data.data.readNum = item.readNum+""
-            data.data.shareNum = item.shareNum+""
+            data.data.collectNum = item.collectNum + ""
+            data.data.commentNum = item.commentNum + ""
+            data.data.likeNum = item.likeNum + ""
+            data.data.readNum = item.readNum + ""
+            data.data.shareNum = item.shareNum + ""
           }
           }
         })
         })
       })
       })
 
 
-      resultData.list.forEach((value)=>{
-        let photos:FullColumnImgUrlDTO[] = []
-        if(value.data.appStyle === 4){
-          value.data.appStyleImages.split("&&").forEach((value)=>{
-            photos.push({url:value} as FullColumnImgUrlDTO)
+      resultData.list.forEach((value) => {
+        let photos: FullColumnImgUrlDTO[] = []
+        if (value.data.appStyle === 4) {
+          value.data.appStyleImages.split("&&").forEach((value) => {
+            photos.push({ url: value } as FullColumnImgUrlDTO)
           })
           })
         }
         }
 
 
-        let contentDTO = this.dataTransform(value,photos);
-        if(contentDTO.appStyle != "13"){
+        let contentDTO = this.dataTransform(value, photos);
+        if (contentDTO.appStyle != "13") {
           this.data.push(contentDTO)
           this.data.push(contentDTO)
         }
         }
 
 
@@ -142,74 +194,128 @@ export struct SearchResultContentComponent{
       this.count = this.data.totalCount()
       this.count = this.data.totalCount()
       if (this.data.totalCount() < resultData.totalCount) {
       if (this.data.totalCount() < resultData.totalCount) {
         this.curPageNum++
         this.curPageNum++
-      }else {
+      } else {
         this.hasMore = false
         this.hasMore = false
       }
       }
       this.isLoading = false
       this.isLoading = false
 
 
-      if(this.count === 0 && resultData.list.length > 0){
+      if (this.count === 0 && resultData.list.length > 0) {
         this.count = -1
         this.count = -1
-        if(!this.isLoading){
+        if (!this.isLoading) {
           //加载分页数据
           //加载分页数据
           this.getNewSearchResultData()
           this.getNewSearchResultData()
         }
         }
-      }else if(this.count <= 20 && resultData.list.length > 0){
-        if(!this.isLoading){
+      } else if (this.count <= 10 && resultData.list.length > 0) {
+        if (!this.isLoading) {
           //加载分页数据
           //加载分页数据
           this.getNewSearchResultData()
           this.getNewSearchResultData()
         }
         }
       }
       }
-    }).catch((err:Error)=>{
-      console.log(TAG,"请求失败")
+    }).catch((err: Error) => {
+      console.log(TAG, "请求失败")
       this.isLoading = false
       this.isLoading = false
-      this.count = this.count===-1?0:this.count
+      this.count = this.count === -1 ? 0 : this.count
     })
     })
   }
   }
 
 
   build() {
   build() {
     Column() {
     Column() {
-      if(this.count == 0){
-        ListHasNoMoreDataUI({style:2})
+      if (this.count == 0) {
+        ListHasNoMoreDataUI({ style: 2 })
+      } else {
+        List() {
+          if (this.data_rmh != null && this.data_rmh.length > 0){
+            if (this.data_rmh.length === 1){
+              ListItem(){
+                FollowChildComponent({ data: this.bean, type: 1 })
+              }.padding({left:"31lpx",right:"31lpx"})
             }else{
             }else{
+              ListItem(){
                 Column(){
                 Column(){
-          if (this.data_rmh!=null && this.data_rmh.length > 0) {
-            //List
-            List({space:'8lpx'}) {
-              ForEach(this.data_rmh, (item: SearchRmhDescription, index: number) => {
+                  this.SearchListUI()
+                }
+              }
+            }
+          }
+          LazyForEach(this.data, (item: ContentDTO, index: number) => {
             ListItem() {
             ListItem() {
-                  SearchCreatorComponent({item:item})
-                }.onClick(()=>{
-                  //TODO 跳转
+              Column() {
+                if (this.searchType == "activity") {
+                  ActivityItemComponent({ contentDTO: item })
+                } else {
+                  CardParser({ contentDTO: item })
+                }
+                if (index != this.data.totalCount() - 1) {
+                  Divider()
+                    .width('100%')
+                    .height('1lpx')
+                    .color($r('app.color.color_F5F5F5'))
+                    .strokeWidth('1lpx')
+                }
+              }
+            }
+          }, (item: ContentDTO, index: number) => index.toString())
+
+          //没有更多数据  显示提示
+          if (!this.hasMore && this.data.totalCount() > 0) {
+            ListItem() {
+              ListHasNoMoreDataUI()
+            }
+          }
+        }.cachedCount(10)
+        .edgeEffect(EdgeEffect.None)
+        .scrollBar(BarState.Off)
+        .onReachEnd(() => {
+          console.log(TAG, "触底了");
+          if (!this.isLoading) {
+            //加载分页数据
+            this.getNewSearchResultData()
+          }
         })
         })
+      }
+    }
+    .backgroundColor($r('app.color.white'))
+    .width('100%')
+  }
+
+  @Builder
+  multiCreatorUI() {
+    Column() {
+      List() {
+        ForEach(this.data_rmh, (item: SearchRmhDescription, index: number) => {
+          ListItem() {
+            SearchCreatorComponent({ item: item })
+          }
           .width('150lpx')
           .width('150lpx')
           .height('100%')
           .height('100%')
         })
         })
 
 
-              ListItem(){
-                Column(){
+        ListItem() {
+          Column() {
             Text("查看更多")
             Text("查看更多")
               .width('19lpx')
               .width('19lpx')
               .fontSize('19lpx')
               .fontSize('19lpx')
               .fontWeight('400lpx')
               .fontWeight('400lpx')
               .lineHeight('27lpx')
               .lineHeight('27lpx')
               .fontColor($r('app.color.color_9E9E9E'))
               .fontColor($r('app.color.color_9E9E9E'))
-                }.borderRadius({topLeft:'4lpx',bottomLeft:'4lpx'})
+          }
+          .borderRadius({ topLeft: '4lpx', bottomLeft: '4lpx' })
           .height('180lpx')
           .height('180lpx')
           .width('77lpx')
           .width('77lpx')
           .backgroundColor($r('app.color.color_EDEDED'))
           .backgroundColor($r('app.color.color_EDEDED'))
           .justifyContent(FlexAlign.Center)
           .justifyContent(FlexAlign.Center)
 
 
         }.height('100%')
         }.height('100%')
-              .margin({left:'23lpx'})
-              .onClick(()=>{
+        .margin({ left: '23lpx' })
+        .onClick(() => {
           let params: Params = {
           let params: Params = {
             pageID: this.keywords
             pageID: this.keywords
           }
           }
-                WDRouterRule.jumpWithPage(WDRouterPage.searchCreatorPage,params)
+          WDRouterRule.jumpWithPage(WDRouterPage.searchCreatorPage, params)
         })
         })
       }
       }
       .cachedCount(6)
       .cachedCount(6)
-            .edgeEffect(EdgeEffect.Spring)
+      .edgeEffect(EdgeEffect.None)
       .scrollBar(BarState.Off)
       .scrollBar(BarState.Off)
       .listDirection(Axis.Horizontal)
       .listDirection(Axis.Horizontal)
       .width('100%')
       .width('100%')
@@ -221,50 +327,54 @@ export struct SearchResultContentComponent{
         .color($r('app.color.color_F5F5F5'))
         .color($r('app.color.color_F5F5F5'))
         .strokeWidth('12lpx')
         .strokeWidth('12lpx')
     }
     }
-          //List
-          List({ space: '6lpx' }) {
-            LazyForEach(this.data, (item: ContentDTO, index: number) => {
-              ListItem() {
-                Column(){
-                  if(this.searchType == "activity"){
-                    ActivityItemComponent({contentDTO:item})
-                  }else{
-                    CardParser({contentDTO:item})
-                  }
-                  if(index != this.data.totalCount()-1 ){
-                    Divider()
-                      .width('100%')
-                      .height('1lpx')
-                      .color($r('app.color.color_F5F5F5'))
-                      .strokeWidth('1lpx')
-                  }
   }
   }
+
+  @Builder
+  SearchListUI() {
+    List({space:'8lpx'}) {
+      ForEach(this.data_rmh, (item: SearchRmhDescription, index: number) => {
+        ListItem() {
+          SearchCreatorComponent({item:item})
         }
         }
-            }, (item: ContentDTO, index: number) => index.toString())
+        .width('150lpx')
+        .height('100%')
+      })
 
 
-            //没有更多数据  显示提示
-            if(!this.hasMore && this.data.totalCount() > 0){
       ListItem(){
       ListItem(){
-                ListHasNoMoreDataUI()
+        Column(){
+          Text("查看更多")
+            .width('19lpx')
+            .fontSize('19lpx')
+            .fontWeight('400lpx')
+            .lineHeight('27lpx')
+            .fontColor($r('app.color.color_9E9E9E'))
+        }.borderRadius({topLeft:'4lpx',bottomLeft:'4lpx'})
+        .height('180lpx')
+        .width('77lpx')
+        .backgroundColor($r('app.color.color_EDEDED'))
+        .justifyContent(FlexAlign.Center)
+
+      }.height('100%')
+      .margin({left:'23lpx'})
+      .onClick(()=>{
+        let params: Params = {
+          pageID: this.keywords
         }
         }
+        WDRouterRule.jumpWithPage(WDRouterPage.searchCreatorPage,params)
+      })
     }
     }
-          }.cachedCount(6)
+    .cachedCount(6)
     .edgeEffect(EdgeEffect.None)
     .edgeEffect(EdgeEffect.None)
     .scrollBar(BarState.Off)
     .scrollBar(BarState.Off)
-          .layoutWeight(1)
-          .onReachEnd(()=>{
-            console.log(TAG,"触底了");
-            if(!this.isLoading){
-              //加载分页数据
-              this.getNewSearchResultData()
-            }
-          })
-        }.layoutWeight(1)
-      }
-    }
-    .backgroundColor($r('app.color.white'))
-    .layoutWeight(1)
+    .listDirection(Axis.Horizontal)
     .width('100%')
     .width('100%')
+    .height('219lpx')
+
+    Divider()
+      .width('100%')
+      .height('12lpx')
+      .color($r('app.color.color_F5F5F5'))
+      .strokeWidth('12lpx')
   }
   }
 
 
   private dataTransform(value: SearchResultContentItem, photos: FullColumnImgUrlDTO[]): ContentDTO {
   private dataTransform(value: SearchResultContentItem, photos: FullColumnImgUrlDTO[]): ContentDTO {

@@ -14,6 +14,7 @@ import { MineMainSettingFunctionItem } from '../../viewmodel/MineMainSettingFunc
 import common from '@ohos.app.ability.common';
 import common from '@ohos.app.ability.common';
 import dataPreferences from '@ohos.data.preferences';
 import dataPreferences from '@ohos.data.preferences';
 import { TitleBackComponent } from './TitleBackComponent';
 import { TitleBackComponent } from './TitleBackComponent';
+import { MyCustomDialog } from '../reusable/MyCustomDialog';
 
 
 @Component
 @Component
 export struct MineSettingComponent {
 export struct MineSettingComponent {
@@ -23,17 +24,22 @@ export struct MineSettingComponent {
   @State cacheSize: number = 0
   @State cacheSize: number = 0
   @State accountState:boolean=false
   @State accountState:boolean=false
   preferences: dataPreferences.Preferences | null = null;
   preferences: dataPreferences.Preferences | null = null;
+
   dialogController: CustomDialogController = new CustomDialogController({
   dialogController: CustomDialogController = new CustomDialogController({
-    builder: CustomCacheDialog({
+    builder: MyCustomDialog({
       cancel: () => {
       cancel: () => {
-
       },
       },
       confirm: () => {
       confirm: () => {
         this.deleteCache()
         this.deleteCache()
-      }
+      },
+      title: "清理缓存",
+      tipValue:"是否确认清理此App的缓存",
+      tipShow:true,
+      leftTextColor:$r('app.color.color_648DF2')
     }),
     }),
-    customStyle: true,
-    alignment: DialogAlignment.Center
+    autoCancel: true,
+    alignment: DialogAlignment.Center,
+    customStyle: true
   })
   })
   aboutToAppear() {
   aboutToAppear() {
     // 获取设置页面数据
     // 获取设置页面数据

@@ -15,7 +15,7 @@ export struct CustomBottomFuctionUI {
           .height('20')
           .height('20')
           .margin({right:'31lpx' })
           .margin({right:'31lpx' })
 
 
-        Text(this.isAllSelect?'取消':'全选')
+        Text(this.isAllSelect?'取消全选':'全选')
           .fontColor($r('app.color.color_222222'))
           .fontColor($r('app.color.color_222222'))
           .backgroundColor(Color.White)
           .backgroundColor(Color.White)
       }
       }

@@ -70,7 +70,7 @@ export struct HorizontalStrokeCardThreeTwoRadioForMoreComponent {
                 .textAlign(TextAlign.Start)
                 .textAlign(TextAlign.Start)
                 .margin({ top: 8 })
                 .margin({ top: 8 })
                 .width(150)
                 .width(150)
-                .lineHeight(17)
+                .lineHeight(19)
             }
             }
           }
           }
           .padding({ left: (index == 0) ? 16 : 0, right: (index == this.compDTO.operDataList.length - 1) ? 16 : 0 })
           .padding({ left: (index == 0) ? 16 : 0, right: (index == this.compDTO.operDataList.length - 1) ? 16 : 0 })

-import { Logger } from 'wdKit/Index'
+import { Logger, NumberFormatterUtils } from 'wdKit/Index'
 import { LikeViewModel } from '../../viewmodel/LikeViewModel'
 import { LikeViewModel } from '../../viewmodel/LikeViewModel'
 import { SPHelper } from 'wdKit';
 import { SPHelper } from 'wdKit';
 import { WDRouterPage, WDRouterRule } from 'wdRouter/Index';
 import { WDRouterPage, WDRouterRule } from 'wdRouter/Index';
 import { SpConstants } from 'wdConstant/Index';
 import { SpConstants } from 'wdConstant/Index';
+import { ContentDetailDTO } from 'wdBean/Index';
 
 
 
 
 const TAG = 'LikeComponent';
 const TAG = 'LikeComponent';
 
 
+interface ILikeStyleResp {
+  url: Resource;
+  name: string;
+}
+
 @Component
 @Component
 export struct LikeComponent {
 export struct LikeComponent {
+  @Consume contentDetailData: ContentDetailDTO
+  @State likesStyle: number = this.contentDetailData.likesStyle // 赞样式 1红心(点赞) 2大拇指(祈福) 3蜡烛(默哀) 4置空
   @State likeStatus: boolean = false
   @State likeStatus: boolean = false
   viewModel: LikeViewModel = new LikeViewModel()
   viewModel: LikeViewModel = new LikeViewModel()
   @Prop data: Record<string, string>
   @Prop data: Record<string, string>
   enableBtn = true
   enableBtn = true
-  componentType : number = 1   //1: 底部栏目样式    2: 新闻页中间位置样式  3:动态Tab内容下的互动入口
-  styleType : number = 1   //1: 白色背景（图文底部栏）    2: 黑色背景（图集底部栏）
+  componentType: number = 1 //1: 底部栏目样式    2: 新闻页中间位置样式  3:动态Tab内容下的互动入口
+  styleType: number = 1 //1: 白色背景（图文底部栏）    2: 黑色背景（图集底部栏） 3 透明背景
   @State likeCount: number = 0 //点赞数
   @State likeCount: number = 0 //点赞数
 
 
   //上层传值  样例
   //上层传值  样例
@@ -33,18 +41,64 @@ export struct LikeComponent {
       //获取点赞数
       //获取点赞数
       this.getLikeCount()
       this.getLikeCount()
     }
     }
-
   }
   }
 
 
   build() {
   build() {
-    if (this.componentType == 2){
+
+    if (this.componentType == 2) {
       //2: 新闻页中间位置样式
       //2: 新闻页中间位置样式
-      Column() {
+      this.likeCompStyle2()
+    } else if (this.componentType == 3) {
+      //卡片底部互动样式
+      this.likeCompStyle3()
+    } else if (this.componentType == 4) {
+      // 直播，点赞按钮底测有灰色圆角背景+右上点赞数量
+      this.likeCompStyle4()
+    }  else if (this.componentType == 5) {
+      // 图集点赞，展示标识
+      this.likeCompStyle5()
+    }else {
+      //1: 底部栏目样式  默认样式
+      this.likeCompStyle1()
+    }
+  }
 
 
-        Button(){
+  /**
+   * 将点赞样式转换为icon
+   */
+  transLikeStyle(): ILikeStyleResp {
+    if (this.likesStyle === 1) {
+      return {
+        url: this.likeStatus ? $r(`app.media.ic_like_check`) :
+          this.styleType == 1 ? this.componentType == 3?$r(`app.media.CarderInteraction_like`):$r('app.media.icon_like_default') : $r(`app.media.ic_like_uncheck`),
+        name: '赞'
+      }
+    } else if (this.likesStyle === 2) {
+      return {
+        url: this.likeStatus ? $r(`app.media.ic_thub_check`) : $r(`app.media.ic_thub_uncheck`),
+        name: '祈祷'
+      }
+    } else if (this.likesStyle === 3) {
+      return {
+        url: this.likeStatus ? $r(`app.media.ic_candle_check`) :
+        $r(`app.media.ic_candle_uncheck`),
+        name: '默哀'
+      }
+    }
+    return {
+      url: this.likeStatus ? $r(`app.media.ic_like_check`) :
+        this.styleType == 1 ? $r('app.media.icon_like_default') : $r(`app.media.ic_like_uncheck`),
+      name: '点赞'
+    }
+  }
 
 
-          Row(){
-            Image(this.likeStatus ? $r('app.media.icon_like_select') : $r('app.media.icon_like_default'))
+  @Builder
+  likeCompStyle2() {
+    //2: 新闻页中间位置样式
+    Column() {
+      Button() {
+        Row() {
+          Image(this.transLikeStyle().url)
             .width(20)
             .width(20)
             .height(20)
             .height(20)
           Text(this.likeCount.toString())
           Text(this.likeCount.toString())
@@ -68,20 +122,23 @@ export struct LikeComponent {
       .borderColor('#EDEDED')
       .borderColor('#EDEDED')
       .borderRadius(20)
       .borderRadius(20)
       .borderWidth(1)
       .borderWidth(1)
-        .onClick(()=>{
+      .onClick(() => {
         this.clickButtonEvent()
         this.clickButtonEvent()
       })
       })
     }
     }
     .width(154)
     .width(154)
     .height(40)
     .height(40)
-    }else if(this.componentType == 3){
-      Row(){
-        Image(this.likeStatus ? $r('app.media.icon_like_select') : this.styleType == 1 ? $r('app.media.CarderInteraction_like') :
-        $r('app.media.icon_like_default_white'))
+  }
+
+  @Builder
+  likeCompStyle3() {
+    Row() {
+      Image(this.transLikeStyle().url)
         .width(18)
         .width(18)
         .height(18)
         .height(18)
-        Text(this.likeCount >0?this.likeCount.toString(): '点赞')
-          .margin({left:4})
+      Text(this.likeStatus ? '已赞' : '点赞')
+      // Text(this.likeCount > 0 ? this.likeCount.toString() : '点赞')
+        .margin({ left: 4 })
         .fontSize(14)
         .fontSize(14)
         .fontColor(this.likeStatus ? '#ED2800' : '#666666')
         .fontColor(this.likeStatus ? '#ED2800' : '#666666')
     }
     }
@@ -89,12 +146,14 @@ export struct LikeComponent {
     .onClick(() => {
     .onClick(() => {
       this.clickButtonEvent()
       this.clickButtonEvent()
     })
     })
-    }else{
+  }
+
+  @Builder
+  likeCompStyle1() {
     //1: 底部栏目样式  默认样式
     //1: 底部栏目样式  默认样式
     Column() {
     Column() {
       // Image(this.likeStatus ? $r('app.media.icon_like_select') : $r('app.media.icon_like_default'))
       // Image(this.likeStatus ? $r('app.media.icon_like_select') : $r('app.media.icon_like_default'))
-        Image(this.likeStatus ? $r('app.media.icon_like_select') : this.styleType == 1 ? $r('app.media.icon_like_default') :
-        $r('app.media.icon_like_default_white'))
+      Image(this.transLikeStyle().url)
         .width(24)
         .width(24)
         .height(24)
         .height(24)
         .onClick(() => {
         .onClick(() => {
@@ -103,39 +162,118 @@ export struct LikeComponent {
     }.width(24).height(24)
     }.width(24).height(24)
   }
   }
 
 
+  @Builder
+  likeCompStyle5() {
+    //1: 底部栏目样式  默认样式
+    Stack({ alignContent: Alignment.Bottom }) {
+      Column() {
+        // Image(this.likeStatus ? $r('app.media.icon_like_select') : $r('app.media.icon_like_default'))
+        Image(this.transLikeStyle().url)
+          .width(24)
+          .height(24)
+          .onClick(() => {
+            this.clickButtonEvent()
+          })
+      }
+
+      Row() {
+        Text(NumberFormatterUtils.formatNumberWithWan(this.likeCount || ''))
+          .fontSize(8)
+          .fontColor(Color.White)
+          .padding({ left: 4, right: 2 })
+      }
+      .height(12)
+      .alignItems(VerticalAlign.Center)
+      .position({ x: '100%', })
+      .markAnchor({ x: '100%' })
+      .backgroundImage(this.likeStatus? $r('app.media.ic_like_back_Select'):$r('app.media.ic_like_back'))
+      .backgroundImageSize(ImageSize.Auto)
+      .visibility(this.likeCount > 0 ? Visibility.Visible : Visibility.Hidden)
+    }.width(24).height(24)
   }
   }
 
 
-  async clickButtonEvent(){
+  @Builder
+  likeCompStyle4() {
+    Stack({ alignContent: Alignment.Bottom }) {
+      Column() {
+        Image(this.transLikeStyle().url)
+          .width(24)
+          .height(24)
+          .onClick(() => {
+            this.clickButtonEvent()
+          })
+      }
+      .justifyContent(FlexAlign.Center)
+      .width(36)
+      .height(36)
+      .borderRadius(18)
+      .backgroundColor('#FFF5F5F5')
+
+
+      Row() {
+        Text(NumberFormatterUtils.formatNumberWithWan(this.likeCount || ''))
+          .fontSize(8)
+          .fontColor(Color.White)
+          .padding({ left: 4, right: 2 })
+      }
+      .height(12)
+      .alignItems(VerticalAlign.Center)
+      .position({ x: '100%', })
+      .markAnchor({ x: '100%' })
+      .backgroundImage($r('app.media.ic_like_back'))
+      .backgroundImageSize(ImageSize.Auto)
+      .visibility(this.likeCount > 0 ? Visibility.Visible : Visibility.Hidden)
+    }
+    .width(36)
+    .height(42)
+
+  }
+
+  async clickButtonEvent() {
+    console.log(TAG, '点赞点击')
     // 未登录，跳转登录
     // 未登录，跳转登录
     const user_id = await SPHelper.default.get(SpConstants.USER_ID, '')
     const user_id = await SPHelper.default.get(SpConstants.USER_ID, '')
     if (!user_id) {
     if (!user_id) {
+      console.log(TAG, '点赞点击,未登录')
       WDRouterRule.jumpWithPage(WDRouterPage.loginPage)
       WDRouterRule.jumpWithPage(WDRouterPage.loginPage)
       return
       return
     }
     }
 
 
-    if (!this.enableBtn) {
-      return
-    }
-    if (this.likeStatus) {
-      //1
-      this.executeLike('0')
-    } else {
-      //0
-      this.executeLike('1')
-    }
+    // if (!this.enableBtn) {
+    //   return
+    // }
+    this.executeLike(this.likeStatus ? '0' : '1')
 
 
   }
   }
 
 
   executeLike(status: string) {
   executeLike(status: string) {
+    console.log(TAG, '点赞接口调用', status)
     this.data['status'] = status
     this.data['status'] = status
+    this.data['contentId'] = this.contentDetailData?.newsId + ''
+    this.data['contentType'] = this.contentDetailData?.newsType + ''
+
     this.viewModel.executeLike2(this.data).then(() => {
     this.viewModel.executeLike2(this.data).then(() => {
+
+      console.log(TAG, '点赞接口调用成功')
+
+      // 直播点赞一直增加
+      if (this.contentDetailData.liveInfo) {
+        this.likeStatus = true
+        this.likeCount++
+      } else {
         this.likeStatus = !this.likeStatus
         this.likeStatus = !this.likeStatus
         //点赞和取消点赞成功后更新点赞数
         //点赞和取消点赞成功后更新点赞数
-      if(this.likeStatus){
-        this.likeCount ++
-      }else {
-        this.likeCount --
+        if (this.likeStatus) {
+          this.likeCount++
+        } else {
+          this.likeCount--
+        }
+      }
+
+      if (this.likeCount <= 0) {
+        this.likeCount = 0
       }
       }
+
       this.enableBtn = true
       this.enableBtn = true
     }).catch(() => {
     }).catch(() => {
       this.enableBtn = true
       this.enableBtn = true
@@ -146,7 +284,7 @@ export struct LikeComponent {
     this.viewModel.getLikeStatus(this.data).then((data) => {
     this.viewModel.getLikeStatus(this.data).then((data) => {
       if (data && data['data'].length && data['data'][0]['likeStatus']) {
       if (data && data['data'].length && data['data'][0]['likeStatus']) {
         this.likeStatus = data['data'][0]['likeStatus']
         this.likeStatus = data['data'][0]['likeStatus']
-      }else {
+      } else {
         this.likeStatus = false
         this.likeStatus = false
       }
       }
     }).catch(() => {
     }).catch(() => {
@@ -159,14 +297,11 @@ export struct LikeComponent {
     this.viewModel.getLikeCount(this.data).then((data) => {
     this.viewModel.getLikeCount(this.data).then((data) => {
       if (data && data['data']) {
       if (data && data['data']) {
         this.likeCount = data['data']['likeNum']
         this.likeCount = data['data']['likeNum']
-      }else {
+      } else {
         this.likeCount = 0
         this.likeCount = 0
       }
       }
     }).catch(() => {
     }).catch(() => {
       this.likeCount = 0
       this.likeCount = 0
     })
     })
   }
   }
-
-
-
 }
 }

@@ -33,7 +33,7 @@ const TAG = 'OperRowListView';
  * 2、（非必传）  operationButtonList---组件展示条件，
  * 2、（非必传）  operationButtonList---组件展示条件，
  * ['comment', 'like', 'collect', 'share']，需要展示什么传什么
  * ['comment', 'like', 'collect', 'share']，需要展示什么传什么
  * comment--评论；like--点赞；collect--收藏；listen--音频；share--分享；
  * comment--评论；like--点赞；collect--收藏；listen--音频；share--分享；
- *
+ * 注意：外层需注册 @Provide contentDetailData:contentDetailData = {} as contentDetailData
  * 传值示例：
  * 传值示例：
  OperRowListView({
  OperRowListView({
  contentDetailData: this.contentDetailData[0],
  contentDetailData: this.contentDetailData[0],
@@ -48,22 +48,36 @@ export struct OperRowListView {
   private onCommentFocus: () => void = () => {
   private onCommentFocus: () => void = () => {
   }
   }
   @Prop @Watch('onDetailUpdated') contentDetailData: ContentDetailDTO // 稿件详情
   @Prop @Watch('onDetailUpdated') contentDetailData: ContentDetailDTO // 稿件详情
-  @State operationButtonList: string[] = ['comment', 'collect', 'share'] // 组件展示条件
+  /**
+   * 组件样式类型，根据详情页类型传值，组件内部根据样式展现类型做判断
+   * 1：底部栏目样式
+   * 2：新闻页中间位置样式
+   * 3：动态Tab内容下的互动入口
+   * 4：视频详情页
+   * 5：横屏直播详情页
+   * 6：竖屏直播详情页
+   * 7：图集详情页
+   */
+  @Prop componentType: number = 1 //1: 底部栏目样式    2: 新闻页中间位置样式  3:动态Tab内容下的互动入口
+  @Prop pageComponentType: number = -1 //1:视频详情页
+  @State likesStyle: number = this.contentDetailData.likesStyle // 赞样式 1红心(点赞) 2大拇指(祈福) 3蜡烛(默哀) 4置空
+  @Prop operationButtonList?: string[] = ['comment', 'collect', 'share'] // 组件展示条件
+  @State needLike: boolean = true
   @ObjectLink publishCommentModel: publishCommentModel
   @ObjectLink publishCommentModel: publishCommentModel
   @State styleType: number = 1
   @State styleType: number = 1
+  @State showCommentIcon: boolean = true
+  @State bgColor: ResourceColor = Color.White
   @State interactData: InteractDataDTO = {} as InteractDataDTO
   @State interactData: InteractDataDTO = {} as InteractDataDTO
   @State newsStatusOfUser: batchLikeAndCollectResult | undefined = undefined // 点赞、收藏状态
   @State newsStatusOfUser: batchLikeAndCollectResult | undefined = undefined // 点赞、收藏状态
   @State likeBean: Record<string, string> = {}
   @State likeBean: Record<string, string> = {}
   @State audioUrl: string = ''
   @State audioUrl: string = ''
-  @State bgColor: ResourceColor = Color.White
-  @State showCommentIcon: boolean = true
   @State bottomSafeHeight: number = AppStorage.get<number>('bottomSafeHeight') || 0
   @State bottomSafeHeight: number = AppStorage.get<number>('bottomSafeHeight') || 0
-  needLike: boolean = true
 
 
   async aboutToAppear() {
   async aboutToAppear() {
     console.info(TAG, '22222----', this.styleType)
     console.info(TAG, '22222----', this.styleType)
     console.info(TAG, '3333----', this.needLike)
     console.info(TAG, '3333----', this.needLike)
     this.handleStyle()
     this.handleStyle()
+    this.onDetailUpdated()
   }
   }
 
 
   async onDetailUpdated() {
   async onDetailUpdated() {
@@ -102,6 +116,8 @@ export struct OperRowListView {
   }
   }
 
 
   build() {
   build() {
+    // 视频详情页
+
     Flex({ justifyContent: FlexAlign.SpaceBetween, alignItems: ItemAlign.Center }) {
     Flex({ justifyContent: FlexAlign.SpaceBetween, alignItems: ItemAlign.Center }) {
       // AudioDialog()
       // AudioDialog()
       Row() {
       Row() {
@@ -122,7 +138,7 @@ export struct OperRowListView {
         })
         })
         .width(42)
         .width(42)
 
 
-        if (this.contentDetailData) {
+        if (this.contentDetailData?.newsId) {
           ForEach(this.operationButtonList, (item: string, index: number) => {
           ForEach(this.operationButtonList, (item: string, index: number) => {
             if (item == 'comment') {
             if (item == 'comment') {
               this.builderComment()
               this.builderComment()
@@ -146,9 +162,11 @@ export struct OperRowListView {
     .backgroundColor(this.bgColor)
     .backgroundColor(this.bgColor)
     .padding({
     .padding({
       top: 10,
       top: 10,
+      bottom: 10
       // bottom: `${this.bottomSafeHeight}px`
       // bottom: `${this.bottomSafeHeight}px`
-      bottom: 50
+      // bottom: 50
     })
     })
+
   }
   }
 
 
   /**
   /**
@@ -161,11 +179,15 @@ export struct OperRowListView {
         CommentTabComponent({
         CommentTabComponent({
           publishCommentModel: this.publishCommentModel,
           publishCommentModel: this.publishCommentModel,
           contentDetail: this.contentDetailData,
           contentDetail: this.contentDetailData,
-          onCommentFocus: this.onCommentFocus
+          onCommentFocus: this.onCommentFocus,
+          pageComponentType: this.pageComponentType
         })
         })
       }
       }
     }
     }
-    .flexShrink(1)
+    .layoutWeight(1)
+    .margin({
+      right: this.pageComponentType === 1 ? 16 : 0,
+    })
  
  
     if (this.showCommentIcon) {
     if (this.showCommentIcon) {
       Column() {
       Column() {
@@ -183,15 +205,18 @@ export struct OperRowListView {
    */
    */
   @Builder
   @Builder
   builderLike() {
   builderLike() {
+    // 点赞根据字段判断是否显示待添加
     Column() {
     Column() {
-      if (this.likeBean?.contentId) {
+      // if (this.likeBean?.contentId) {
       LikeComponent({
       LikeComponent({
         data: this.likeBean,
         data: this.likeBean,
-          styleType: this.styleType
+        styleType: this.styleType,
+        componentType: this.componentType
       })
       })
-      }
+      // }
     }
     }
     .width(42)
     .width(42)
+    .visibility(this.likesStyle !== 4 ? Visibility.Visible : Visibility.None)
   }
   }
 
 
   /**
   /**
@@ -301,10 +326,11 @@ export struct OperRowListView {
    * 收藏、取消收藏
    * 收藏、取消收藏
    */
    */
   async toggleCollectStatus() {
   async toggleCollectStatus() {
-    // console.log(TAG, '收藏--')
+    console.log(TAG, '收藏点击')
     // 未登录，跳转登录
     // 未登录，跳转登录
     const user_id = await SPHelper.default.get(SpConstants.USER_ID, '')
     const user_id = await SPHelper.default.get(SpConstants.USER_ID, '')
     if (!user_id) {
     if (!user_id) {
+      console.log(TAG, '收藏点击，用户未登录')
       WDRouterRule.jumpWithPage(WDRouterPage.loginPage)
       WDRouterRule.jumpWithPage(WDRouterPage.loginPage)
       return
       return
     }
     }
@@ -313,10 +339,14 @@ export struct OperRowListView {
       contentList: [{
       contentList: [{
         contentId: this.contentDetailData?.newsId + '',
         contentId: this.contentDetailData?.newsId + '',
         contentType: this.contentDetailData?.newsType + '',
         contentType: this.contentDetailData?.newsType + '',
+        relType:this.contentDetailData?.reLInfo?.relType + '',
+        contentRelId:this.contentDetailData?.reLInfo?.relId + '',
       }],
       }],
 
 
     }
     }
+    console.log(TAG, '收藏点击', JSON.stringify(params))
     PageRepository.postExecuteCollectRecord(params).then(res => {
     PageRepository.postExecuteCollectRecord(params).then(res => {
+      console.log(TAG, '收藏点击 res', JSON.stringify(res))
       if (this.newsStatusOfUser) {
       if (this.newsStatusOfUser) {
         this.newsStatusOfUser.collectStatus = this.newsStatusOfUser?.collectStatus === 1 ? 0 : 1
         this.newsStatusOfUser.collectStatus = this.newsStatusOfUser?.collectStatus === 1 ? 0 : 1
         if (this.newsStatusOfUser.collectStatus === 1) {
         if (this.newsStatusOfUser.collectStatus === 1) {
@@ -339,7 +369,9 @@ export struct OperRowListView {
         contentType: this.contentDetailData?.newsType,
         contentType: this.contentDetailData?.newsType,
       }]
       }]
     }
     }
+    console.log(TAG, '点赞点击', JSON.stringify(params))
     PageRepository.getContentInteract(params).then(res => {
     PageRepository.getContentInteract(params).then(res => {
+      console.log(TAG, '点赞点击 res', JSON.stringify(res))
       if (res.data) {
       if (res.data) {
         this.interactData.likeNum = NumberFormatterUtils.formatNumberWithWan(res.data[0]?.likeNum)
         this.interactData.likeNum = NumberFormatterUtils.formatNumberWithWan(res.data[0]?.likeNum)
         this.interactData.collectNum = NumberFormatterUtils.formatNumberWithWan(res.data[0]?.collectNum)
         this.interactData.collectNum = NumberFormatterUtils.formatNumberWithWan(res.data[0]?.collectNum)

@@ -8,7 +8,6 @@ export struct ENewspaperCalendarDialog {
   onDateChange?: (date: RMCalendarBean) => void
   onDateChange?: (date: RMCalendarBean) => void
   //当前选择的日期标记
   //当前选择的日期标记
   @Prop selectDate: Date = new Date()
   @Prop selectDate: Date = new Date()
-
   build() {
   build() {
     RMCalendar({
     RMCalendar({
       // 开始日期
       // 开始日期

@@ -2,6 +2,8 @@ import { Action, NewspaperListBean, NewspaperListItemBean, NewspaperPositionItem
 import { ExtraDTO } from 'wdBean/src/main/ets/bean/component/extra/ExtraDTO'
 import { ExtraDTO } from 'wdBean/src/main/ets/bean/component/extra/ExtraDTO'
 import { WDRouterRule } from 'wdRouter/Index'
 import { WDRouterRule } from 'wdRouter/Index'
 import { ENewspaperPageDialog } from '../dialog/ENewspaperPageDialog'
 import { ENewspaperPageDialog } from '../dialog/ENewspaperPageDialog'
+import { Logger } from 'wdKit';
+import { window } from '@kit.ArkUI';
 
 
 /**
 /**
  * 读报纸半屏弹窗
  * 读报纸半屏弹窗
@@ -35,6 +37,12 @@ export struct ENewspaperListDialog {
   // listDialogController: CustomDialogController
   // listDialogController: CustomDialogController
   public closeDialog?: () => void
   public closeDialog?: () => void
 
 
+  // 手势滑动相关
+  private panOption: PanGestureOptions = new PanGestureOptions({ direction: PanDirection.Up | PanDirection.Down })
+  private topFixedHeight = 124
+  @State topHeight: number = 124
+  private deviceHeight: number = 0
+
   //watch监听报纸页码回调
   //watch监听报纸页码回调
   onCurrentPageNumUpdated(): void {
   onCurrentPageNumUpdated(): void {
     console.log("ENewspaperListDialog-onCurrentPageNumUpdated", "currentPageNum：", this.currentPageNum)
     console.log("ENewspaperListDialog-onCurrentPageNumUpdated", "currentPageNum：", this.currentPageNum)
@@ -46,7 +54,13 @@ export struct ENewspaperListDialog {
     }
     }
   }
   }
 
 
-  aboutToAppear(): void {
+  async aboutToAppear() {
+    // 屏幕高度 - 滑动高度计算
+    let windowClass: window.Window = await window.getLastWindow(getContext(this));
+    let changeHeight = 85 + 44 +  px2vp(windowClass.getWindowAvoidArea(window.AvoidAreaType.TYPE_SYSTEM).topRect.height)
+    changeHeight += px2vp(windowClass.getWindowAvoidArea(window.AvoidAreaType.TYPE_SYSTEM).bottomRect.height)
+    this.deviceHeight = px2vp(windowClass.getWindowProperties().windowRect.height) - changeHeight
+
     this.isCurrentViewOpen = true
     this.isCurrentViewOpen = true
     console.log("ENewspaperListDialog-aboutToAppear", "currentPageNum：", this.currentPageNum)
     console.log("ENewspaperListDialog-aboutToAppear", "currentPageNum：", this.currentPageNum)
     let _scrollIndex = Number.parseInt(this.currentPageNum)
     let _scrollIndex = Number.parseInt(this.currentPageNum)
@@ -56,15 +70,13 @@ export struct ENewspaperListDialog {
   }
   }
 
 
   aboutToDisappear() {
   aboutToDisappear() {
-    // if (this.pageListDialogController) {
-    //   this.pageListDialogController = null
-    // }
     this.isCurrentViewOpen = false
     this.isCurrentViewOpen = false
   }
   }
 
 
   build() {
   build() {
     Stack() {
     Stack() {
       Column() {
       Column() {
+        Column() {
           Row()
           Row()
             .width(43)
             .width(43)
             .height(4)
             .height(4)
@@ -110,6 +122,24 @@ export struct ENewspaperListDialog {
             .height(6)
             .height(6)
             .margin({ top: 20, left: 16, right: 16 })
             .margin({ top: 20, left: 16, right: 16 })
             .objectFit(ImageFit.Contain)
             .objectFit(ImageFit.Contain)
+        }
+        .width('100%')
+        .gesture(
+          PanGesture(this.panOption)
+            .onActionStart((event: GestureEvent) => {
+              Logger.debug('ENewspaperListDialog','Pan start')
+            })
+            .onActionUpdate((event: GestureEvent) => {
+              if (this.topFixedHeight + event.offsetY >= this.topFixedHeight) {
+                this.topHeight = this.topFixedHeight + event.offsetY
+              }
+              Logger.debug('ENewspaperListDialog',  'topHeight:' + this.topHeight)
+            })
+            .onActionEnd(() => {
+              this.onCloseGestureDialog()
+            })
+        )
+
 
 
         List({ scroller: this.listScroller, initialIndex: this.scrollIndex }) {
         List({ scroller: this.listScroller, initialIndex: this.scrollIndex }) {
           ForEach(this.newspaperListBean?.list, (item: NewspaperListItemBean, index: number) => {
           ForEach(this.newspaperListBean?.list, (item: NewspaperListItemBean, index: number) => {
@@ -137,7 +167,7 @@ export struct ENewspaperListDialog {
                             .fontSize($r('app.float.font_size_14'))
                             .fontSize($r('app.float.font_size_14'))
                             .fontColor($r('app.color.color_222222'))
                             .fontColor($r('app.color.color_222222'))
                             .fontWeight(600)
                             .fontWeight(600)
-                            .maxLines(2)
+                            // .maxLines(2)
                             .margin({
                             .margin({
                               bottom: 8
                               bottom: 8
                             })
                             })
@@ -151,7 +181,7 @@ export struct ENewspaperListDialog {
                             .margin({
                             .margin({
                               bottom: 8
                               bottom: 8
                             })
                             })
-                            .maxLines(2)
+                            // .maxLines(2)
                         }
                         }
 
 
                         if (positionItem.downTitle) {
                         if (positionItem.downTitle) {
@@ -162,7 +192,7 @@ export struct ENewspaperListDialog {
                             .margin({
                             .margin({
                               bottom: 8
                               bottom: 8
                             })
                             })
-                            .maxLines(2)
+                            // .maxLines(2)
                         }
                         }
                         if (positionItem.newsTxt) {
                         if (positionItem.newsTxt) {
                           Text(positionItem.newsTxt)
                           Text(positionItem.newsTxt)
@@ -251,16 +281,13 @@ export struct ENewspaperListDialog {
           this.currentPageNum = `${firstIndex < 9 ? '0' + (firstIndex + 1) : firstIndex + 1}`
           this.currentPageNum = `${firstIndex < 9 ? '0' + (firstIndex + 1) : firstIndex + 1}`
           // }
           // }
         })
         })
-        .onScroll((scrollOffset: number, scrollState: ScrollState) => {
-          // console.info(`onScroll scrollState = ScrollState` + scrollState + `, scrollOffset = ` + scrollOffset)
-          // if (this.scrollOffset == 0) {
-          //   this.scrollOffset = 0
-          // }
-        })
       }
       }
-      .margin({ top: 124 })
+      // .margin({ top: 124 })
+      .margin({ top: this.topHeight })
+
       .width('100%')
       .width('100%')
       .backgroundColor(Color.White)
       .backgroundColor(Color.White)
+      .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM])
       .onClick(() => {
       .onClick(() => {
 
 
       })
       })
@@ -272,6 +299,33 @@ export struct ENewspaperListDialog {
         this.closeDialog()
         this.closeDialog()
       }
       }
     })
     })
+    .gesture(
+      PanGesture(this.panOption)
+        .onActionStart((event: GestureEvent) => {
+          Logger.debug('ENewspaperListDialog','Pan start')
+        })
+        .onActionUpdate((event: GestureEvent) => {
+          if (event) {
+            if (this.topFixedHeight + event.offsetY  >=  this.topFixedHeight) {
+              this.topHeight = this.topFixedHeight + event.offsetY
+            }
+            Logger.debug('ENewspaperListDialog',  'topHeight:' + this.topHeight)
+          }
+        })
+        .onActionEnd(() => {
+            this.onCloseGestureDialog()
+        })
+    )
+  }
+
+  onCloseGestureDialog() {
+    if (this.topHeight >= this.deviceHeight ) {
+      if (this.closeDialog) {
+        this.closeDialog()
+      }
+    } else {
+      this.topHeight = this.topFixedHeight
+    }
   }
   }
 
 
   updateRecordsData() {
   updateRecordsData() {

@@ -48,6 +48,7 @@ export struct ENewspaperPageDialog {
               .justifyContent(FlexAlign.Center)
               .justifyContent(FlexAlign.Center)
               .width(30)
               .width(30)
               .height(30)
               .height(30)
+              .borderRadius(3)
               .backgroundColor(this.currentPageNum != item.pageNum ? Color.White : $r('app.color.color_ED2800'))
               .backgroundColor(this.currentPageNum != item.pageNum ? Color.White : $r('app.color.color_ED2800'))
               .onClick((event: ClickEvent) => {
               .onClick((event: ClickEvent) => {
                 this.currentPageNum = item.pageNum
                 this.currentPageNum = item.pageNum

-import lottie, { AnimationItem, AnimationSegment } from '@ohos/lottie';
-
-@Component
-export struct LottieView {
-  @Prop name: string
-  @Prop path: string
-  @Prop lottieWidth: number = 30
-  @Prop lottieHeight: number = 30
-  @Prop autoplay: boolean = false
-  @Prop loop: boolean = false
-  @Prop initialSegment?: AnimationSegment = [0, 120] // 动画起始帧
-  @Prop onReady: (animateItem: AnimationItem | null) => void // 动画初始化完成事件
-  @Prop onComplete: () => void = () => {
-  } // 动画完成事件
-  private politeChickyController: CanvasRenderingContext2D = new CanvasRenderingContext2D(); // CanvasRenderingContext2D对象
-  private animateItem: AnimationItem | null = null; // 初始化loadAnimation接口的返回对象
-
-  // 页面隐藏销毁动画
-  onPageHide(): void {
-    this.animateItem?.destroy()
-
-    if (this.onComplete) {
-      this.animateItem?.removeEventListener('complete', this.onComplete)
-    }
-  }
-
-  /**
-   * 加载动画
-   * @param autoplay 控制动画是否自动播放参数
-   */
-  loadAnimation() {
-    // 销毁动画，减少缓存
-    if (this.animateItem !== null) {
-      this.animateItem.destroy();
-      this.animateItem = null;
-    }
-
-    this.animateItem = lottie.loadAnimation({
-      container: this.politeChickyController,
-      renderer: 'canvas',
-      loop: this.loop,
-      autoplay: this.autoplay,
-      name: this.name, // 动画名称
-      path: this.path, // hap包内动画资源文件路径，仅支持json格式
-      // initialSegment: this.initialSegment
-    })
-    if (this.initialSegment) {
-      this.animateItem.segments = this.initialSegment
-    }
-
-    if (this.onComplete) {
-      this.animateItem.addEventListener('complete', this.onComplete)
-    }
-
-  }
-
-  build() {
-    Stack({ alignContent: Alignment.TopStart }) {
-      Canvas(this.politeChickyController)
-        .width(this.lottieWidth)
-        .height(this.lottieHeight)
-        .backgroundColor(Color.Black)
-        .onReady(() => {
-          this.loadAnimation();
-          if (this.onReady) {
-            this.onReady(this.animateItem)
-          }
-        })
-        .onClick(() => {
-          this.animateItem?.play()
-        })
-    }
-  }
-}

+
+/**
+ * WDMessageCenterMessageType 拉取消息类型
+ */
+export const enum WDMessageCenterMessageType {
+  WDMessageCenterMessageType_Interact = 1,  //互动通知
+  WDMessageCenterMessageType_Subscribe = 2,     //预约消息
+  WDMessageCenterMessageType_System, //系统消息
+}
+
+
+export interface  InteractMessageListModel{
+  data: InteractMessageMItem
+  code: number
+  message: string
+  success: string
+  timestamp: number
+}
+
+
+export class  InteractMessageMItem{
+  pageNum:number = 0
+  pageSize:number = 0
+  totalCount:number = 0
+  hasNext:number = 0
+  list:InteractMessageModel[] = []
+
+  constructor(list?:InteractMessageModel[],pageNum?: number,pageSize?: number,totalCount?: number,hasNext?:number) {
+  }
+}
+
+export class InteractMessageModel {
+  classify: string = '';
+  contentId: string = '';
+  contentType: string = '';
+  id: number = 0;
+  message: string = '';
+  platform: string = '';
+  privateMailId: number = 0;
+  privateMailIdList: number[] = [];
+  privateMailIds: string = '';
+  privateMailNum: number = 0;
+  read: boolean = true;
+  source: string = '';
+  time: string = '';
+  title: string = '';
+  userId: string = '';
+  remark: string = '';
+  InteractMsubM:InteractMsubModel = new InteractMsubModel;
+}
+
+export class InteractMsubModel {
+  beReply: string = '';
+  headUrl: string = '';
+  contentId: string = '';
+  contentRelObjectid: string = '';
+  contentTitle: string = '';
+  commentContent: string = '';
+  userName: string = '';
+  userId: string = '';
+  contentRelId: string = '';
+  shareUrl: string = '';
+  userType: string = '';
+  contentRelType: string = '';
+  visitor: string = '';
+  contentType: string = '';
+}
+
+export interface InteractMParams {
+  contentType?: string;
+  pageNum?: string;
+  pageSize?: string;
+  userId?: string;
+  createTime?: string;
+}
+
+export interface InteractMDTO{
+  success: boolean;
+  code: number;
+  message: string;
+  data: number;
+  timestamp?: number;
+}
+
+@Observed
+export class SubscribeMessageModel{
+  dealTime:string = ""
+  title:string = ""
+  imgUrl:string = ""
+  desc:string = ""
+  time:string = ""
+  contentId:string = ""
+
+  constructor(dealTime: string, title: string, imgUrl: string, desc: string , time: string, contentId: string) {
+    this.dealTime = dealTime
+    this.title = title
+    this.imgUrl = imgUrl
+    this.desc = desc
+    this.time = time
+    this.contentId = contentId
+  }
+}
+
+export class Remark{
+  relationType:string = ""
+  coverImageUrl:string = ""
+  relationId:string = ""
+  status:string = ""
+}

@@ -24,6 +24,10 @@ import { CommentLikeOperationRequestItem } from '../viewmodel/CommentLikeOperati
 import { FollowOperationRequestItem } from '../viewmodel/FollowOperationRequestItem';
 import { FollowOperationRequestItem } from '../viewmodel/FollowOperationRequestItem';
 import { SpConstants } from 'wdConstant/Index';
 import { SpConstants } from 'wdConstant/Index';
 import { MessageItem } from '../viewmodel/MessageItem';
 import { MessageItem } from '../viewmodel/MessageItem';
+import { MessageUnReadItem } from '../viewmodel/MessageUnReadItem';
+import { HistoryPushDataItem } from '../viewmodel/HistoryPushDataItem';
+import { HashMap } from '@kit.ArkTS';
+import { InteractMessageMItem } from './InteractMessageModel';
 
 
 const TAG = "MinePageDatasModel"
 const TAG = "MinePageDatasModel"
 
 
@@ -58,7 +62,7 @@ class MinePageDatasModel{
    * 包含名字和图标
    * 包含名字和图标
    */
    */
   getPersonalFunctionsData():MinePagePersonalFunctionsItem[]{
   getPersonalFunctionsData():MinePagePersonalFunctionsItem[]{
-    if(this.personalData.length === 7){
+    if(this.personalData.length === 5){
       return this.personalData
       return this.personalData
     }
     }
     this.personalData.push(new MinePagePersonalFunctionsItem("评论",$r('app.media.mine_comment_icon')))
     this.personalData.push(new MinePagePersonalFunctionsItem("评论",$r('app.media.mine_comment_icon')))
@@ -67,7 +71,7 @@ class MinePageDatasModel{
     // this.personalData.push(new MinePagePersonalFunctionsItem("历史",$r('app.media.mine_history_icon')))
     // this.personalData.push(new MinePagePersonalFunctionsItem("历史",$r('app.media.mine_history_icon')))
     this.personalData.push(new MinePagePersonalFunctionsItem("消息",$r('app.media.mine_msg_icon')))
     this.personalData.push(new MinePagePersonalFunctionsItem("消息",$r('app.media.mine_msg_icon')))
     // this.personalData.push(new MinePagePersonalFunctionsItem("留言板",$r('app.media.mine_msgboard_icon')))
     // this.personalData.push(new MinePagePersonalFunctionsItem("留言板",$r('app.media.mine_msgboard_icon')))
-    // this.personalData.push(new MinePagePersonalFunctionsItem("预约",$r('app.media.mine_order_icon')))
+    this.personalData.push(new MinePagePersonalFunctionsItem("预约",$r('app.media.mine_order_icon')))
     return this.personalData
     return this.personalData
   }
   }
 
 
@@ -597,6 +601,129 @@ class MinePageDatasModel{
       })
       })
     })
     })
   }
   }
+
+  /**
+   * 获取消息未读数据
+   * @returns
+   */
+  getMessageUnReadData(): Promise<MessageUnReadItem> {
+    return new Promise<MessageUnReadItem>((success, error) => {
+      this.fetchMessageUnReadData().then((navResDTO: ResponseDTO<MessageUnReadItem>) => {
+        if (!navResDTO || navResDTO.code != 0) {
+          error(null)
+          return
+        }
+        let navigationBean = navResDTO.data as MessageUnReadItem
+        success(navigationBean);
+      }).catch((err: Error) => {
+        error(null)
+      })
+    })
+  }
+
+  fetchMessageUnReadData() {
+    let url = HttpUrlUtils.getMessageUnReadDataUrl()
+    return WDHttp.get<ResponseDTO<MessageUnReadItem>>(url)
+  };
+
+  /**
+   * 点击消息（进入消息页面）
+   * @returns
+   */
+  sendClickMessageData(): Promise<String> {
+    return new Promise<String>((success, error) => {
+      this.fetchClickMessageData().then((navResDTO: ResponseDTO<String>) => {
+        if (!navResDTO || navResDTO.code != 0) {
+          error(null)
+          return
+        }
+        success("1");
+      }).catch((err: Error) => {
+        error(err)
+      })
+    })
+  }
+
+  fetchClickMessageData() {
+    let url = HttpUrlUtils.getSendClickMessageUrl()
+    return WDHttp.get<ResponseDTO<String>>(url)
+  };
+
+  /**
+   * 历史推送消息
+   * @returns
+   */
+  getHistoryPushData(pageSize:string,pageNum:string): Promise<HistoryPushDataItem> {
+    return new Promise<HistoryPushDataItem>((success, error) => {
+      this.fetchHistoryPushData(pageSize,pageNum).then((navResDTO: ResponseDTO<HistoryPushDataItem>) => {
+        if (!navResDTO || navResDTO.code != 0) {
+          error(null)
+          return
+        }
+        let navigationBean = navResDTO.data as HistoryPushDataItem
+        success(navigationBean);
+      }).catch((err: Error) => {
+        error(err)
+      })
+    })
+  }
+
+  fetchHistoryPushData(pageSize:string,pageNum:string) {
+    let url = HttpUrlUtils.getHistoryPushUrl()+ `?pageSize=${pageSize}&pageNum=${pageNum}`
+    let headers: HashMap<string, string> = new HashMap<string, string>();
+    headers.set('system', 'Android');
+    return WDHttp.get<ResponseDTO<HistoryPushDataItem>>(url, headers)
+  };
+
+  /**
+   * 推送消息
+   * @returns
+   */
+  getSubscribeMessageData(contentType:number,pageSize:string,pageNum:string): Promise<InteractMessageMItem> {
+    return new Promise<InteractMessageMItem>((success, error) => {
+      this.fetchSubscribeMessageData(contentType,pageSize,pageNum).then((navResDTO: ResponseDTO<InteractMessageMItem>) => {
+        if (!navResDTO || navResDTO.code != 0) {
+          error(null)
+          return
+        }
+        let navigationBean = navResDTO.data as InteractMessageMItem
+        success(navigationBean);
+      }).catch((err: Error) => {
+        error(err)
+      })
+    })
+  }
+
+  fetchSubscribeMessageData(contentType:number,pageSize:string,pageNum:string) {
+    let userID = HttpUtils.getUserId();
+    let url = HttpUrlUtils.getMessageListDataUrl()+`?createTime=${''}&contentType=${contentType}&userId=${userID}&pageSize=${pageSize}&pageNum=${pageNum}`
+    return WDHttp.get<ResponseDTO<InteractMessageMItem>>(url)
+  };
+
+
+  /**
+   * 点击预约消息（进入预约页面） 主要为了 未读 变出 已读
+   * @returns
+   */
+  sendEnterMessageData(type:number): Promise<String> {
+    return new Promise<String>((success, error) => {
+      this.fetchEnterMessageData(type).then((navResDTO: ResponseDTO<String>) => {
+        if (!navResDTO || navResDTO.code != 0) {
+          error(null)
+          return
+        }
+        success("1");
+      }).catch((err: Error) => {
+        error(err)
+      })
+    })
+  }
+
+  fetchEnterMessageData(type:number) {
+    let url = HttpUrlUtils.getEnterClickMessageUrl() + `${type}`
+    return WDHttp.get<ResponseDTO<String>>(url)
+  };
+
 }
 }
 
 
 const minePageDatasModel = MinePageDatasModel.getInstance()
 const minePageDatasModel = MinePageDatasModel.getInstance()

@@ -43,7 +43,6 @@ export interface  MyCollectionListModel{
 }
 }
 
 
 
 
-
 export interface contentListItemParams{
 export interface contentListItemParams{
   contentId?:string;
   contentId?:string;
   contentType?:string;
   contentType?:string;

@@ -31,10 +31,19 @@ struct MineHomePage {
   registTime:number = 0//账号注册时间
   registTime:number = 0//账号注册时间
   @State registerTimeForDay:number = 0
   @State registerTimeForDay:number = 0
   scroller: Scroller = new Scroller();
   scroller: Scroller = new Scroller();
+  @State params:Record<string, string> =  router.getParams() as Record<string, string>;
+  @State isCommentEnter:string = "";
 
 
   onPageShow(): void {
   onPageShow(): void {
     this.getUserInfo()
     this.getUserInfo()
 
 
+    let intervalID = setInterval(() => {
+      this.isCommentEnter = this.params?.['comment'];
+      if(StringUtils.isNotEmpty(this.isCommentEnter)){
+        this.scroller.scrollEdge(Edge.Bottom)
+      }
+      clearInterval(intervalID);
+    }, 200);
   }
   }
 
 
   build() {
   build() {
@@ -414,7 +423,7 @@ struct MineHomePage {
           this.isHasIntroduction = false
           this.isHasIntroduction = false
         }
         }
         this.browseNum = value.browseNum
         this.browseNum = value.browseNum
-        this.commentNum = value.commentNum
+        // this.commentNum = value.commentNum
         this.attentionNum = value.attentionNum
         this.attentionNum = value.attentionNum
         this.registTime = value.registTime
         this.registTime = value.registTime
         this.getRegisterDays()
         this.getRegisterDays()

@@ -65,6 +65,8 @@ export struct MultiPictureListPage {
         .height(px2vp(this.picHeight) + 32)
         .height(px2vp(this.picHeight) + 32)
         .vertical(false)
         .vertical(false)
         .autoPlay(false)
         .autoPlay(false)
+        .loop(false)
+        .effectMode(EdgeEffect.None)
         .cachedCount(3)
         .cachedCount(3)
         .indicator(false)
         .indicator(false)
         .displayCount(1)
         .displayCount(1)

@@ -8,5 +8,6 @@ struct SearchPage {
       SearchComponent()
       SearchComponent()
     }.height('100%')
     }.height('100%')
     .width('100%')
     .width('100%')
+    .backgroundColor($r('app.color.white'))
   }
   }
 }
 }

+import { router } from '@kit.ArkUI';
+
+@Entry
+@Component
+struct ShowHomePageHeaderPage {
+  @State headPhotoUrl: string = '';
+  @State params:Record<string, string> =  router.getParams() as Record<string, string>;
+
+  onPageShow() {
+    this.headPhotoUrl = this.params?.['headPhotoUrl'];
+  }
+
+  build() {
+    Row() {
+      Image(this.headPhotoUrl)
+        .alt( $r('app.media.WDAccountOwnerHedaerDefaultIcon') )
+        .width('100%')
+        .objectFit(ImageFit.Contain)
+    }
+    .width('100%')
+    .height('100%')
+    .alignItems(VerticalAlign.Center)
+    .backgroundColor($r('app.color.color_000000'))
+    .onClick(()=>{
+      router.back()
+    })
+  }
+}

@@ -4,18 +4,16 @@ import { router } from '@kit.ArkUI';
 @Component
 @Component
 struct ShowUserHeaderPage {
 struct ShowUserHeaderPage {
   @State headPhotoUrl: string = '';
   @State headPhotoUrl: string = '';
-  @State headType: string = ''
   @State params:Record<string, string> =  router.getParams() as Record<string, string>;
   @State params:Record<string, string> =  router.getParams() as Record<string, string>;
 
 
   onPageShow() {
   onPageShow() {
     this.headPhotoUrl = this.params?.['headPhotoUrl'];
     this.headPhotoUrl = this.params?.['headPhotoUrl'];
-    this.headType = this.params?.['headType'] ?? '';
   }
   }
 
 
   build() {
   build() {
     Row() {
     Row() {
       Image(this.headPhotoUrl)
       Image(this.headPhotoUrl)
-        .alt(this.headType.length > 0 ?  $r('app.media.WDAccountOwnerHedaerDefaultIcon') : $r('app.media.default_head'))
+        .alt($r('app.media.default_head'))
         .width('720lpx')
         .width('720lpx')
         .height('720lpx')
         .height('720lpx')
         .objectFit(ImageFit.Auto)
         .objectFit(ImageFit.Auto)

+import { SubscribeMessageComponent } from '../components/mine/message/subscribe/SubscribeMessageComponent'
+
+const TAG = "SubscribeMessagePage"
+//预约消息 页面
+@Entry
+@Component
+struct SubscribeMessagePage {
+
+  build() {
+    Column(){
+      SubscribeMessageComponent()
+    }
+  }
+}

@@ -23,9 +23,12 @@ import {
   postExecuteLikeParams,
   postExecuteLikeParams,
   postInteractAccentionOperateParams,
   postInteractAccentionOperateParams,
   postRecommendListParams,
   postRecommendListParams,
-  GoldenPositionExtraBean
+  GoldenPositionExtraBean,
+  FeedbackTypeBean,
+  LiveRoomDataBean
 } from 'wdBean';
 } from 'wdBean';
 import { PageUIReqBean } from '../components/page/bean/PageUIReqBean';
 import { PageUIReqBean } from '../components/page/bean/PageUIReqBean';
+import { ArrayList } from '@kit.ArkTS';
 
 
 const TAG = 'HttpRequest';
 const TAG = 'HttpRequest';
 
 
@@ -462,4 +465,19 @@ export class PageRepository {
     Logger.info(TAG, "postThemeList url = " + url + JSON.stringify(params))
     Logger.info(TAG, "postThemeList url = " + url + JSON.stringify(params))
     return WDHttp.post<ResponseDTO<LiveReviewDTO>>(url, params)
     return WDHttp.post<ResponseDTO<LiveReviewDTO>>(url, params)
   };
   };
+
+  static getFeedbackTypeList() {
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.FEEDBACK_TYPE_PATH;
+    url = url + "?dictCode=" + "CN_OPINION_TYPE";
+    return WDHttp.get<ResponseDTO<FeedbackTypeBean[]>>(url)
+  };
+
+  /**
+   * 获取更多直播间人数
+   * */
+  static fetchLiveRoomBatchAllUrl(ids: string) {
+    let url = HttpUrlUtils.getLiveRoomBatchAllDataUrl()
+    url = url + "?liveIdList=" + ids;
+    return WDHttp.get<ResponseDTO<LiveRoomDataBean[]>>(url)
+  };
 }
 }

@@ -49,7 +49,6 @@ export class RefreshConstants {
   static readonly NoMoreLayoutConstant_NORMAL_PADDING: number = 8;
   static readonly NoMoreLayoutConstant_NORMAL_PADDING: number = 8;
   static readonly NoMoreLayoutConstant_TITLE_FONT: string = '16vp';
   static readonly NoMoreLayoutConstant_TITLE_FONT: string = '16vp';
   static readonly NoMoreLayoutConstant_TITLE_COLOR: string = '#666666';
   static readonly NoMoreLayoutConstant_TITLE_COLOR: string = '#666666';
-  static readonly NoMoreLayoutConstant_MARGIN_BOTTOM: number = 40;
   /**
   /**
    * The RefreshLayout constants.
    * The RefreshLayout constants.
    */
    */

+export class HistoryPushDataItem{
+  hasNext: number = 0
+  list: Array< HistoryPushItem > = []
+  pageNum: number = 0
+  pageSize: number = 0
+  totalCount: number = 0
+}
+
+export class HistoryPushItem{
+  activityExt?: null
+  appStyle: string = ""
+  askInfo?: null
+  axisColor: string = ""
+  bestNoticer?: null
+  bottomNavId?: null
+  cardItemId: string = ""
+  channelId: number= 0
+  commentInfo?: null
+  corner: string = ""
+  coverSize: string = ""
+  coverType?: number
+  coverUrl: string = ""
+  expIds: string = ""
+  extra: string = ""
+  fullColumnImgUrls: Array< FullColumnImgUrl > = []
+  hasMore?: null
+  itemId: string = ""
+  itemType: string = ""
+  itemTypeCode: string = ""
+  keyArticle: number= 0
+  landscape?: null
+  likeStyle?: null
+  linkUrl: string = ""
+  liveInfo?: null
+  menuShow: number = 0
+  newTags: string = ""
+  newsAuthor: string = ""
+  newsSubTitle: string = ""
+  newsSummary: string = ""
+  newsTitle: string = ""
+  newsTitleColor: string = ""
+  objectId: string = ""
+  objectLevel: string = ""
+  objectType: string = ""
+  openComment?: null
+  openLikes?: null
+  pageId: string = ""
+  photoNum?: null
+  position?: null
+  productNum?: null
+  publishTime: string = ""
+  pushTime: number = 0
+  pushUnqueId: number = 0
+  readFlag: number = 0
+  recommend?: null
+  relId: number = 0
+  relObjectId: string = ""
+  relType: number = 0
+  rmhInfo?: null
+  rmhPlatform: number = 0
+  sceneId: string = ""
+  shareInfo?: null
+  // slideShows: Array< unknown >
+  sortValue?: null
+  source: string = ""
+  subObjectType: string = ""
+  subSceneId: string = ""
+  // tagIds: Array< unknown >
+  tagWord?: null
+  titleShow?: null
+  titleShowPolicy?: null
+  topicTemplate?: null
+  traceId: string = ""
+  traceInfo: string = ""
+  userInfo?: null
+  videoInfo?: null
+  visitorComment: number = 0
+  voiceInfo?: null
+}
+
+export class FullColumnImgUrl{
+
+}

+// import { collcetRecordParams, MyCollectionItem, MyCollectionListModel } from '../model/MyCollectionModel';
+import { HttpUrlUtils, HttpUtils, ResponseDTO, WDHttp } from 'wdNetwork';
+import { Logger } from 'wdKit';
+import promptAction from '@ohos.promptAction';
+import {
+  InteractMDTO,
+  InteractMessageListModel, InteractMessageMItem, InteractMParams } from '../model/InteractMessageModel';
+
+const TAG = "MyCollectionViewModel"
+
+class InteractMessageViewModel {
+  private static instance:InteractMessageViewModel
+  /**
+   * 单例模式
+   * @returns
+   */
+  public static getInstance(): InteractMessageViewModel {
+    if (!InteractMessageViewModel.instance) {
+      InteractMessageViewModel.instance = new InteractMessageViewModel();
+    }
+    return InteractMessageViewModel.instance;
+  }
+
+  // ///互动通知
+  // WDMessageCenterMessageType_Interact     = 1,
+  //
+  // ///预约消息
+  // WDMessageCenterMessageType_Subscribe    = 2,
+  //
+  // ///系统消息
+  // WDMessageCenterMessageType_System     = 3
+
+  BaseGetRequest(contentType:number,pageNum:number){
+    let userID = HttpUtils.getUserId();
+    let url = HttpUrlUtils.getMessageListDataUrl()+`?contentType=${contentType}&userId=${userID}&pageSize=${20}&pageNum=${pageNum}`
+    return WDHttp.get<InteractMessageListModel>(url)
+  }
+
+
+  fetchMessageList(contentType:number,pageNum:number):Promise<InteractMessageMItem>{
+    return new Promise((success,error) => {
+      this.BaseGetRequest(contentType,pageNum).then((navResDTO: InteractMessageListModel) => {
+        if (!navResDTO || navResDTO.code != 0) {
+          return
+        }
+        Logger.info(TAG, "fetchMessageList then,navResDTO.timeStamp:" + navResDTO.timestamp);
+        success(navResDTO.data)
+      }).catch((err: Error) => {
+        Logger.error(TAG, `fetchMessageList catch, error.name : ${err.name},  error.message:${err.message}`);
+        error("page data invalid");
+      })
+    })
+  }
+
+  getMessageLikeCount():Promise<number>{
+    return new Promise((success,error) => {
+      WDHttp.get<InteractMDTO>(HttpUrlUtils.getMessageLikeCount()).then((navResDTO: InteractMDTO) => {
+        if (navResDTO.code == 0) {
+          success(navResDTO.data)
+        }
+      })
+        .catch((error: Error) => {
+          Logger.info(TAG,'executeCollcet','ResponseDTO')
+        })
+    })
+  }
+}
+
+const interactMViewModel = InteractMessageViewModel.getInstance();
+
+export default interactMViewModel as InteractMessageViewModel

@@ -9,7 +9,8 @@ export class LikeViewModel {
     this.likeModel = new LikeModel();
     this.likeModel = new LikeModel();
   }
   }
 
 
-  executeLike(contentId: string, userName: string, contentType: string, title: string, userHeaderUrl: string, channelId: string, status: string) {
+  executeLike(contentId: string, userName: string, contentType: string, title: string, userHeaderUrl: string,
+    channelId: string, status: string) {
     let bean: Record<string, string> = {}
     let bean: Record<string, string> = {}
     bean['contentId'] = contentId
     bean['contentId'] = contentId
     bean['userName'] = userName
     bean['userName'] = userName
@@ -23,7 +24,6 @@ export class LikeViewModel {
 
 
   //点赞
   //点赞
   executeLike2(bean: Record<string, string>) {
   executeLike2(bean: Record<string, string>) {
-
     return new Promise<object>((success, fail) => {
     return new Promise<object>((success, fail) => {
       this.likeModel.executeLike(bean).then((data) => {
       this.likeModel.executeLike(bean).then((data) => {
         success(data)
         success(data)
@@ -60,7 +60,4 @@ export class LikeViewModel {
     })
     })
 
 
   }
   }
-
-
-
 }
 }

@@ -49,9 +49,6 @@ export class LiveModel {
     params['relationId'] = relationId
     params['relationId'] = relationId
     params['liveId'] = liveId
     params['liveId'] = liveId
     params['isSubscribe'] = `${isSubscribe}`
     params['isSubscribe'] = `${isSubscribe}`
-    Logger.info('relationId', relationId)
-    Logger.info('liveId', liveId)
-    Logger.info('isSubscribe', typeof isSubscribe)
     return new Promise<ResponseDTO<string>>((success, fail) => {
     return new Promise<ResponseDTO<string>>((success, fail) => {
       HttpRequest.post<ResponseDTO<string>>(
       HttpRequest.post<ResponseDTO<string>>(
         HttpUrlUtils.getLiveAppointmentUrl(),
         HttpUrlUtils.getLiveAppointmentUrl(),

+@Observed
 export class MessageItem{
 export class MessageItem{
   imgSrc:Resource = $r("app.media.xxhdpi_pic_wb")
   imgSrc:Resource = $r("app.media.xxhdpi_pic_wb")
   title:string = ""
   title:string = ""
   desc:string = ""
   desc:string = ""
   time:string = ""
   time:string = ""
+  unReadCount:number = 0
 
 
   constructor(imgSrc:Resource,title:string,desc:string,time:string){
   constructor(imgSrc:Resource,title:string,desc:string,time:string){
     this.imgSrc = imgSrc
     this.imgSrc = imgSrc

+export class MessageUnReadItem{
+  activeCount: number = 0     //互动通知未读数
+  subscribeCount: number = 0  //预约消息未读数
+  systemCount: number = 0     //系统通知未读数
+
+  subscribeInfo: SubscribeInfo = new SubscribeInfo()
+  systemInfo: SystemInfo = new SystemInfo()
+  activeInfo: ActiveInfo = new ActiveInfo
+}
+
+class SubscribeInfo{
+  classify: string = ""
+  contentId: string = ""
+  contentType: string = ""
+  id: number = -1
+  message: string = ""
+  platform: string = ""
+  privateMailId: number = -1
+  privateMailIdList: Array< string > = []
+  privateMailIds: string = ""
+  privateMailNum: number = -1
+  read: boolean = false
+  source: string = ""
+  time: string = ""
+  title: string = ""
+  userId: number = -1
+  remark: string = ""
+}
+class SystemInfo{
+  classify: string = ""
+  contentType: string = ""
+  id: number = -1
+  message: string = ""
+  platform: string = ""
+  privateMailId: number = -1
+  privateMailIdList: Array< string > = []
+  privateMailIds: string = ""
+  privateMailNum: number = -1
+  read: boolean = false
+  source: string = ""
+  time: string = ""
+  title: string = ""
+  userId: number = -1
+}
+
+class ActiveInfo{
+  id:string = ""
+  message: string = ""
+  time: string = ""
+  title: string = ""
+}

 
 
 import FunctionsItem from './FunctionsItem'
 import FunctionsItem from './FunctionsItem'
 
 
+@Observed
 export default class MinePagePersonalFunctionsItem extends  FunctionsItem {
 export default class MinePagePersonalFunctionsItem extends  FunctionsItem {
+  isShowRedPoint:boolean = false
 }
 }

@@ -6,9 +6,11 @@ import {  ContentDetailDTO,
   postBatchAttentionStatusParams,
   postBatchAttentionStatusParams,
   postBatchAttentionStatusResult,
   postBatchAttentionStatusResult,
   postInteractBrowsOperateParams,
   postInteractBrowsOperateParams,
-  InteractDataDTO
+  InteractDataDTO,
+  FeedbackTypeBean
 } from 'wdBean';
 } from 'wdBean';
 import { PageRepository } from '../repository/PageRepository';
 import { PageRepository } from '../repository/PageRepository';
+import { ArrayList } from '@kit.ArkTS';
 
 
 const TAG = 'MultiPictureDetailViewModel';
 const TAG = 'MultiPictureDetailViewModel';
 
 
@@ -131,4 +133,27 @@ export class MultiPictureDetailViewModel {
     })
     })
   }
   }
 
 
+
+  static async getFeedbackTypeList(): Promise<FeedbackTypeBean[]> {
+    return new Promise<FeedbackTypeBean[]>((success, error) => {
+      Logger.info(TAG, `fetchDetailData start`);
+      PageRepository.getFeedbackTypeList().then((resDTO: ResponseDTO<FeedbackTypeBean[]>) => {
+        if (!resDTO || !resDTO.data) {
+          Logger.error(TAG, 'fetchDetailData is empty');
+          error('resDTO is empty');
+          return
+        }
+        if (resDTO.code != 0) {
+          Logger.error(TAG, `fetchDetailData then code:${resDTO.code}, message:${resDTO.message}`);
+          error('resDTO Response Code is failure');
+          return
+        }
+        Logger.info(TAG, "fetchDetailData then,navResDTO.timestamp:" + resDTO.timestamp);
+        success(resDTO.data);
+      }).catch((err: Error) => {
+        Logger.error(TAG, `fetchDetailData catch, error.name : ${err.name},  error.message:${err.message}`);
+        error(err);
+      })
+    })
+  }
 }
 }

@@ -10,7 +10,8 @@ import {
   PageInfoBean,
   PageInfoBean,
   PageInfoDTO,
   PageInfoDTO,
   GoldenPositionExtraBean,
   GoldenPositionExtraBean,
-  NavigationDetailDTO
+  NavigationDetailDTO,
+  LiveRoomDataBean
 } from 'wdBean';
 } from 'wdBean';
 
 
 import { CollectionUtils, Logger, ResourcesUtils, StringUtils } from 'wdKit';
 import { CollectionUtils, Logger, ResourcesUtils, StringUtils } from 'wdKit';
@@ -439,6 +440,31 @@ export class PageViewModel extends BaseViewModel {
       })
       })
     })
     })
   }
   }
+
+  async getLiveRoomBatchInfo(ids: string): Promise<LiveRoomDataBean[]> {
+    return new Promise<LiveRoomDataBean[]>((success, error) => {
+      Logger.info(TAG, `getLiveRoomBatchInfo pageInfo start`);
+      PageRepository.fetchLiveRoomBatchAllUrl(ids).then((resDTO: ResponseDTO<LiveRoomDataBean[]>) => {
+        if (!resDTO || !resDTO.data) {
+          Logger.error(TAG, 'getLiveRoomBatchInfo then navResDTO is empty');
+          error('resDTO is empty');
+          return
+        }
+        if (resDTO.code != 0) {
+          Logger.error(TAG, `getLiveRoomBatchInfo then code:${resDTO.code}, message:${resDTO.message}`);
+          error('resDTO Response Code is failure');
+          return
+        }
+        // let navResStr = JSON.stringify(navResDTO);
+        Logger.info(TAG, "getLiveRoomBatchInfo then,navResDTO.timestamp:" + resDTO.timestamp);
+        success(resDTO.data);
+      }).catch((err: Error) => {
+        Logger.error(TAG, `getLiveRoomBatchInfo catch, error.name : ${err.name},  error.message:${err.message}`);
+        error(err);
+      })
+    })
+  }
+
 }
 }
 
 
 
 

@@ -160,5 +160,15 @@
       "name": "res_color_general_000000_30",
       "name": "res_color_general_000000_30",
       "value": "#4D000000"
       "value": "#4D000000"
     }
     }
+  ,
+    {
+      "name": "color_9E9E9E_40",
+      "value": "#40FFFFFF"
+    }
+  ,
+    {
+      "name": "color_ED2800_99",
+      "value": "#99ED2800"
+    }
   ]
   ]
 }
 }

@@ -241,6 +241,10 @@
       "value": "12vp"
       "value": "12vp"
     },
     },
     {
     {
+      "name": "vp_4",
+      "value": "4vp"
+    },
+    {
       "name": "vp_8",
       "name": "vp_8",
       "value": "8vp"
       "value": "8vp"
     },
     },
@@ -281,6 +285,10 @@
       "value": "14vp"
       "value": "14vp"
     },
     },
     {
     {
+      "name": "vp_15",
+      "value": "15vp"
+    },
+    {
       "name": "vp_18",
       "name": "vp_18",
       "value": "18vp"
       "value": "18vp"
     },
     },

@@ -57,5 +57,15 @@
       "name": "location_reason",
       "name": "location_reason",
       "value": " "
       "value": " "
     }
     }
+  ,
+    {
+      "name": "submit",
+      "value": "提交"
+    }
+  ,
+    {
+      "name": "feedback",
+      "value": "意见反馈"
+    }
   ]
   ]
 }
 }

@@ -24,6 +24,8 @@
     "components/page/ThemeListPage",
     "components/page/ThemeListPage",
     "pages/ShowUserHeaderPage",
     "pages/ShowUserHeaderPage",
     "pages/MineMessagePage",
     "pages/MineMessagePage",
-    "components/page/InteractMessagePage"
+    "components/page/InteractMessagePage",
+    "pages/ShowHomePageHeaderPage",
+    "pages/SubscribeMessagePage"
   ]
   ]
 }
 }

@@ -7,6 +7,7 @@
   "main": "Index.ets",
   "main": "Index.ets",
   "version": "1.0.0",
   "version": "1.0.0",
   "dependencies": {
   "dependencies": {
+    "@ohos/lottie": "2.0.10",
     "wdComponent": "file:../../features/wdComponent",
     "wdComponent": "file:../../features/wdComponent",
     "wdPlayer": "file:../../features/wdPlayer",
     "wdPlayer": "file:../../features/wdPlayer",
     "wdNetwork": "file:../../commons/wdNetwork",
     "wdNetwork": "file:../../commons/wdNetwork",

@@ -70,6 +70,7 @@ export struct DetailPlayLiveCommon {
           this.publishCommentModel.targetRelObjectId = String(this.contentDetailData?.reLInfo?.relObjectId)
           this.publishCommentModel.targetRelObjectId = String(this.contentDetailData?.reLInfo?.relObjectId)
           this.publishCommentModel.keyArticle = String(this.contentDetailData?.keyArticle)
           this.publishCommentModel.keyArticle = String(this.contentDetailData?.keyArticle)
           this.publishCommentModel.targetType = String(this.contentDetailData?.newsType)
           this.publishCommentModel.targetType = String(this.contentDetailData?.newsType)
+          this.publishCommentModel.visitorComment = String(this.contentDetailData?.visitorComment)
           this.publishCommentModel.commentContent = ''
           this.publishCommentModel.commentContent = ''
           // }
           // }
         }
         }

@@ -61,8 +61,8 @@ export struct DetailPlayLivePage {
         .layoutWeight(503)
         .layoutWeight(503)
         .visibility(this.displayDirection == DisplayDirection.VERTICAL ? Visibility.Visible : Visibility.None)
         .visibility(this.displayDirection == DisplayDirection.VERTICAL ? Visibility.Visible : Visibility.None)
 
 
-      if (this.contentDetailData?.newsId) {
       OperRowListView({
       OperRowListView({
+        componentType: 4,
         operationButtonList: ['comment', 'collect', 'share', 'like'],
         operationButtonList: ['comment', 'collect', 'share', 'like'],
         contentDetailData: this.contentDetailData,
         contentDetailData: this.contentDetailData,
         publishCommentModel: this.publishCommentModel,
         publishCommentModel: this.publishCommentModel,
@@ -73,7 +73,7 @@ export struct DetailPlayLivePage {
         }
         }
       })
       })
         .visibility(this.displayDirection == DisplayDirection.VERTICAL ? Visibility.Visible : Visibility.None)
         .visibility(this.displayDirection == DisplayDirection.VERTICAL ? Visibility.Visible : Visibility.None)
-      }
+
       // LiveCommentComponent({ heartNum: this.liveRoomDataBean.likeNum })
       // LiveCommentComponent({ heartNum: this.liveRoomDataBean.likeNum })
       //   .visibility(this.displayDirection == DisplayDirection.VERTICAL ? Visibility.Visible : Visibility.None)
       //   .visibility(this.displayDirection == DisplayDirection.VERTICAL ? Visibility.Visible : Visibility.None)
     }
     }
@@ -81,10 +81,10 @@ export struct DetailPlayLivePage {
     .width('100%')
     .width('100%')
   }
   }
 
 
-  aboutToDisappear(): void {
+  async aboutToDisappear() {
     Logger.info(TAG, `wyj-aboutToDisappear`)
     Logger.info(TAG, `wyj-aboutToDisappear`)
-    this.playerController?.stop()
-    this.playerController?.release()
+    await this.playerController?.stop()
+    await this.playerController?.release()
   }
   }
 
 
   onPageShowCus(): void {
   onPageShowCus(): void {

 import { window } from '@kit.ArkUI'
 import { window } from '@kit.ArkUI'
+import lottie from '@ohos/lottie';
+
 import { NumberFormatterUtils, StringUtils, WindowModel } from 'wdKit/Index'
 import { NumberFormatterUtils, StringUtils, WindowModel } from 'wdKit/Index'
 import { DateFormatUtil, WDPlayerController } from 'wdPlayer/Index'
 import { DateFormatUtil, WDPlayerController } from 'wdPlayer/Index'
 import { LiveDetailsBean, LiveRoomDataBean } from 'wdBean/Index'
 import { LiveDetailsBean, LiveRoomDataBean } from 'wdBean/Index'
 import { DisplayDirection } from 'wdConstant/Index'
 import { DisplayDirection } from 'wdConstant/Index'
-import { LiveFollowComponent } from 'wdComponent/Index'
+import { LiveFollowComponent, LottieView } from 'wdComponent/Index'
 
 
 @Component
 @Component
 export struct PlayUIComponent {
 export struct PlayUIComponent {
@@ -44,6 +46,12 @@ export struct PlayUIComponent {
     }
     }
   }
   }
 
 
+  aboutToDisappear(): void {
+    if (this.liveDetailsBean.liveInfo?.liveState == 'running') {
+      lottie.destroy('live_status_wait')
+    }
+  }
+
   build() {
   build() {
     Column() {
     Column() {
       if (this.liveDetailsBean && this.liveDetailsBean.liveInfo) {
       if (this.liveDetailsBean && this.liveDetailsBean.liveInfo) {
@@ -113,11 +121,12 @@ export struct PlayUIComponent {
       }
       }
     }
     }
     .width('100%')
     .width('100%')
+    // .width(this.displayDirection == DisplayDirection.VIDEO_HORIZONTAL ? 'calc(100% - 80vp)' : 'calc(100% - 32vp)')
     .padding({
     .padding({
       top: 15,
       top: 15,
       bottom: 6,
       bottom: 6,
-      left: 10,
-      right: 10
+      left: this.displayDirection == DisplayDirection.VIDEO_HORIZONTAL ? '40vp' : '16vp',
+      right: this.displayDirection == DisplayDirection.VIDEO_HORIZONTAL ? '40vp' : '16vp'
     })
     })
     .alignItems(HorizontalAlign.Start)
     .alignItems(HorizontalAlign.Start)
     .visibility(this.isMenuVisible ? Visibility.Visible : Visibility.None)
     .visibility(this.isMenuVisible ? Visibility.Visible : Visibility.None)
@@ -130,6 +139,7 @@ export struct PlayUIComponent {
     // 预约
     // 预约
     if (this.liveDetailsBean.liveInfo?.liveState == 'wait') {
     if (this.liveDetailsBean.liveInfo?.liveState == 'wait') {
       Row() {
       Row() {
+
         Image($r('app.media.icon_live_status_wait'))
         Image($r('app.media.icon_live_status_wait'))
           .width(22)
           .width(22)
           .height(18)
           .height(18)
@@ -148,9 +158,21 @@ export struct PlayUIComponent {
     // 直播中
     // 直播中
     else if (this.liveDetailsBean.liveInfo?.liveState == 'running') {
     else if (this.liveDetailsBean.liveInfo?.liveState == 'running') {
       Row() {
       Row() {
-        Image($r('app.media.icon_live_status_running'))
+        Stack() {
+          Image($r('app.media.icon_live_status_running_back'))
             .width(22)
             .width(22)
             .height(18)
             .height(18)
+          LottieView({
+            name: 'live_status_wait',
+            path: "lottie/live_detail_living.json",
+            lottieWidth: 9,
+            lottieHeight: 9,
+            autoplay: true,
+            loop: true,
+          })
+            .margin({ right: 2 })
+        }
+
         Text('直播中')
         Text('直播中')
           .fontSize('11fp')
           .fontSize('11fp')
           .fontWeight(400)
           .fontWeight(400)
@@ -271,8 +293,8 @@ export struct PlayUIComponent {
     .linearGradient({ angle: 0, colors: [['#99000000', 0], ['#00000000', 1]] })
     .linearGradient({ angle: 0, colors: [['#99000000', 0], ['#00000000', 1]] })
     .width('100%')
     .width('100%')
     .padding({
     .padding({
-      left: 10,
-      right: 10,
+      left: this.displayDirection == DisplayDirection.VIDEO_HORIZONTAL ? '40vp' : '16vp',
+      right: this.displayDirection == DisplayDirection.VIDEO_HORIZONTAL ? '40vp' : '16vp',
       top: 15,
       top: 15,
       bottom: 15
       bottom: 15
     })
     })

@@ -28,11 +28,11 @@ export struct TopPlayComponent {
 
 
   updateData() {
   updateData() {
     //直播新闻-直播状态  wait待开播running直播中end已结束cancel已取消paused暂停
     //直播新闻-直播状态  wait待开播running直播中end已结束cancel已取消paused暂停
-    if (this.liveDetailsBean.liveInfo && this.liveDetailsBean.liveInfo.previewUrl  && this.liveDetailsBean.liveInfo.previewUrl.length > 0) {
+    if (this.liveDetailsBean.liveInfo && this.liveDetailsBean.liveInfo.previewUrl &&
+      this.liveDetailsBean.liveInfo.previewUrl.length > 0) {
       this.imgUrl = this.liveDetailsBean.liveInfo.previewUrl
       this.imgUrl = this.liveDetailsBean.liveInfo.previewUrl
       Logger.debug(TAG, 'ok+' + `${this.imgUrl}`)
       Logger.debug(TAG, 'ok+' + `${this.imgUrl}`)
-    }
-    else if (this.liveDetailsBean.fullColumnImgUrls && this.liveDetailsBean.fullColumnImgUrls.length > 0) {
+    } else if (this.liveDetailsBean.fullColumnImgUrls && this.liveDetailsBean.fullColumnImgUrls.length > 0) {
       this.imgUrl = this.liveDetailsBean.fullColumnImgUrls[0].url
       this.imgUrl = this.liveDetailsBean.fullColumnImgUrls[0].url
       Logger.debug(TAG, 'ok-' + `${this.imgUrl}`)
       Logger.debug(TAG, 'ok-' + `${this.imgUrl}`)
     }
     }
@@ -81,6 +81,7 @@ export struct TopPlayComponent {
     .alignSelf(ItemAlign.Center)
     .alignSelf(ItemAlign.Center)
   }
   }
 
 
-  aboutToDisappear(): void {
+  async aboutToDisappear(): Promise<void> {
+    await this.playerController?.release()
   }
   }
 }
 }

@@ -115,6 +115,7 @@ export struct PlayerCommentComponent {
       // 收藏、分享、点赞是否需要根据字段显隐
       // 收藏、分享、点赞是否需要根据字段显隐
       OperRowListView({
       OperRowListView({
         styleType: 3,
         styleType: 3,
+        componentType: 4,
         operationButtonList: ['comment', 'collect', 'share', 'like'],
         operationButtonList: ['comment', 'collect', 'share', 'like'],
         contentDetailData: this.contentDetailData,
         contentDetailData: this.contentDetailData,
         publishCommentModel: this.publishCommentModel,
         publishCommentModel: this.publishCommentModel,

@@ -37,11 +37,10 @@ export struct PlayerComponent {
     }
     }
   }
   }
 
 
-  aboutToDisappear(): void {
-     
+  async aboutToDisappear(): Promise<void> {
     this.playerController?.pause()
     this.playerController?.pause()
     this.playerController?.stop()
     this.playerController?.stop()
-    this.playerController?.release()
+    await this.playerController?.release()
   }
   }
 
 
   updateData() {
   updateData() {

+import lottie from '@ohos/lottie'
 import { LiveDetailsBean, LiveRoomDataBean } from 'wdBean/Index'
 import { LiveDetailsBean, LiveRoomDataBean } from 'wdBean/Index'
-import { LiveFollowComponent } from 'wdComponent/Index'
+import { LiveFollowComponent, LottieView } from 'wdComponent/Index'
 import { NumberFormatterUtils } from 'wdKit/Index'
 import { NumberFormatterUtils } from 'wdKit/Index'
 
 
 @Preview
 @Preview
@@ -9,6 +10,12 @@ export struct PlayerTitleComponent {
   @Consume liveRoomDataBean: LiveRoomDataBean
   @Consume liveRoomDataBean: LiveRoomDataBean
   @Consume liveState: string
   @Consume liveState: string
 
 
+  aboutToDisappear(): void {
+    if (this.liveDetailsBean.liveInfo?.liveState == 'running') {
+      lottie.destroy('live_status_wait')
+    }
+  }
+
   build() {
   build() {
     Column() {
     Column() {
       Row() {
       Row() {
@@ -47,10 +54,25 @@ export struct PlayerTitleComponent {
     if (this.liveRoomDataBean.liveId) {
     if (this.liveRoomDataBean.liveId) {
       Row() {
       Row() {
         if (this.liveState == 'running') {
         if (this.liveState == 'running') {
-          Image($r('app.media.icon_live_status_running'))
+          Stack() {
+            Image($r('app.media.icon_live_status_running_back'))
               .width(22)
               .width(22)
               .height(18)
               .height(18)
-            .margin({ right: 1 })
+            LottieView({
+              name: 'live_status_wait',
+              path: "lottie/live_detail_living.json",
+              lottieWidth: 9,
+              lottieHeight: 9,
+              autoplay: true,
+              loop: true,
+            })
+              .margin({ right: 2 })
+          }.margin({ right: 1 })
+
+          // Image($r('app.media.icon_live_status_running'))
+          //   .width(22)
+          //   .height(18)
+          //   .margin({ right: 1 })
         }
         }
 
 
         Text(this.liveState == 'running' ? '直播中' : '回看')
         Text(this.liveState == 'running' ? '直播中' : '回看')

+import { ContentDetailDTO } from 'wdBean/Index'
+import {
+  publishCommentModel
+} from '../../../../../wdComponent/src/main/ets/components/comment/model/PublishCommentModel'
+import { CommentComponent } from '../../../../../wdComponent/src/main/ets/components/comment/view/CommentComponent'
+
+@Component
+export struct CommentComponentPage {
+  scroller: Scroller = new Scroller()
+  @Consume contentDetailData: ContentDetailDTO
+  @Consume showCommentList: boolean
+  @State publishCommentModel: publishCommentModel = new publishCommentModel()
+
+  aboutToAppear(): void {
+
+    this.publishCommentModel.targetId = String(this.contentDetailData?.newsId || '')
+    this.publishCommentModel.targetRelId = String(this.contentDetailData?.reLInfo?.relId)
+    this.publishCommentModel.targetTitle = this.contentDetailData?.newsTitle
+    this.publishCommentModel.targetRelType = String(this.contentDetailData?.reLInfo?.relType)
+    this.publishCommentModel.targetRelObjectId = String(this.contentDetailData?.reLInfo?.relObjectId)
+    this.publishCommentModel.keyArticle = String(this.contentDetailData?.keyArticle)
+    this.publishCommentModel.targetType = String(this.contentDetailData?.newsType)
+  }
+
+  build() {
+    Scroll(this.scroller) {
+      Stack() {
+        CommentComponent({
+          publishCommentModel: this.publishCommentModel
+        })
+        Image($r("app.media.ic_close_black"))
+          .width(20)
+          .height(20)
+          .onClick(() => {
+            this.showCommentList = false
+          })
+          .margin({ top: 10, right: 20 })
+          .position({ x: '100%' })
+          .markAnchor({ x: '100%' })
+
+      }
+    }
+    .zIndex(1000)
+    .backgroundColor(Color.White)
+ 
+  }
+}

 import { ContentDetailDTO, InteractDataDTO } from 'wdBean';
 import { ContentDetailDTO, InteractDataDTO } from 'wdBean';
-import { PlayerConstants, WDPlayerController, WDPlayerRenderView } from 'wdPlayer';
+import { WDPlayerController, WDPlayerRenderView } from 'wdPlayer';
 import { ContentDetailRequest } from 'wdDetailPlayApi';
 import { ContentDetailRequest } from 'wdDetailPlayApi';
 import {
 import {
   batchLikeAndCollectParams,
   batchLikeAndCollectParams,
@@ -11,6 +11,7 @@ import { HttpUtils } from 'wdNetwork/Index';
 import { DateTimeUtils } from 'wdKit/Index';
 import { DateTimeUtils } from 'wdKit/Index';
 import { PlayerBottomView } from '../view/PlayerBottomView';
 import { PlayerBottomView } from '../view/PlayerBottomView';
 import { PlayerRightView } from '../view/PlayerRightView';
 import { PlayerRightView } from '../view/PlayerRightView';
+import { CommentComponentPage } from './CommentComponentPage';
 
 
 const TAG = 'DetailPlayShortVideoPage';
 const TAG = 'DetailPlayShortVideoPage';
 
 
@@ -32,6 +33,7 @@ export struct DetailPlayShortVideoPage {
   @Provide followStatus: string = '0' // 关注状态
   @Provide followStatus: string = '0' // 关注状态
   @Provide isOpenDetail: boolean = false // 查看详情按钮点击
   @Provide isOpenDetail: boolean = false // 查看详情按钮点击
   @Provide isDragging: boolean = false // 拖动时间进度条
   @Provide isDragging: boolean = false // 拖动时间进度条
+  @Provide showCommentList: boolean = false
   @Consume @Watch('videoStatusChange') switchVideoStatus: boolean
   @Consume @Watch('videoStatusChange') switchVideoStatus: boolean
   @Consume @Watch('pageShowChange') pageShow: number
   @Consume @Watch('pageShowChange') pageShow: number
   @Consume topSafeHeight: number
   @Consume topSafeHeight: number
@@ -148,6 +150,7 @@ export struct DetailPlayShortVideoPage {
       this.progressVal = Math.floor(position * 100 / duration);
       this.progressVal = Math.floor(position * 100 / duration);
     }
     }
     this.queryNewsInfoOfUser()
     this.queryNewsInfoOfUser()
+
   }
   }
 
 
   async aboutToDisappear(): Promise<void> {
   async aboutToDisappear(): Promise<void> {
@@ -163,10 +166,14 @@ export struct DetailPlayShortVideoPage {
       PlayerBottomView({
       PlayerBottomView({
         playerController: this.playerController
         playerController: this.playerController
       })
       })
+
       PlayerRightView({
       PlayerRightView({
         playerController: this.playerController
         playerController: this.playerController
       })
       })
 
 
+      CommentComponentPage({}).visibility(this.showCommentList ? Visibility.Visible : Visibility.None)
+        .position({ y: '100%' })
+        .markAnchor({ y: '100%' })
     }
     }
     .height('100%')
     .height('100%')
     .width('100%')
     .width('100%')
@@ -192,6 +199,7 @@ export struct DetailPlayShortVideoPage {
 
 
   @Builder
   @Builder
   playerViewBuilder() {
   playerViewBuilder() {
+
     WDPlayerRenderView({
     WDPlayerRenderView({
       playerController: this.playerController,
       playerController: this.playerController,
       onLoad: async () => {
       onLoad: async () => {
@@ -205,10 +213,13 @@ export struct DetailPlayShortVideoPage {
       .padding({
       .padding({
         bottom: this.videoLandScape === 1 ? 115 : 0,
         bottom: this.videoLandScape === 1 ? 115 : 0,
       })
       })
+      .layoutWeight(1)
       .align(this.videoLandScape === 0 ? Alignment.Top : Alignment.Center)
       .align(this.videoLandScape === 0 ? Alignment.Top : Alignment.Center)
       .onClick(() => {
       .onClick(() => {
         console.error('WDPlayerRenderView=== onClick')
         console.error('WDPlayerRenderView=== onClick')
         this.playerController?.switchPlayOrPause();
         this.playerController?.switchPlayOrPause();
       })
       })
+
+
   }
   }
 }
 }

@@ -39,6 +39,7 @@ export struct VideoChannelDetail {
   // private recommend?: string = '' // 0.非推荐，1.推荐；
   // private recommend?: string = '' // 0.非推荐，1.推荐；
   @Link @Watch('navIndexChange') bottomNavIndex: number
   @Link @Watch('navIndexChange') bottomNavIndex: number
   @Link @Watch('navIndexChange') topNavIndex: number
   @Link @Watch('navIndexChange') topNavIndex: number
+  @Prop @Watch('autoRefreshChange') autoRefresh: number = 0
   @Consume barBackgroundColor: Color
   @Consume barBackgroundColor: Color
   private swiperController: SwiperController = new SwiperController()
   private swiperController: SwiperController = new SwiperController()
   @Provide showComment: boolean = false
   @Provide showComment: boolean = false
@@ -54,6 +55,18 @@ export struct VideoChannelDetail {
   @State isMouted: boolean = false
   @State isMouted: boolean = false
   @State isRequestError: boolean = false
   @State isRequestError: boolean = false
 
 
+  autoRefreshChange() {
+    if (this.topNavIndex === 0) {
+      this.data = []
+      this.interactDataList = []
+      this.totalCount = 0
+      this.isMouted = false
+      this.getRecCompInfo()
+      this.getRecCompInfo()
+    }
+
+  }
+
   pageShowChange() {
   pageShowChange() {
     if (this.bottomNavIndex === 2 && this.topNavIndex === 0) {
     if (this.bottomNavIndex === 2 && this.topNavIndex === 0) {
       this.barBackgroundColor = Color.Black
       this.barBackgroundColor = Color.Black

@@ -43,7 +43,7 @@ export struct DetailDialog {
       .height(200)
       .height(200)
 
 
       Row() {
       Row() {
-        Image($r('app.media.ic_close'))
+        Image($r("app.media.ic_close_white"))
           .height(24).margin({ top: 20 }).onClick(() => {
           .height(24).margin({ top: 20 }).onClick(() => {
           this.controller.close()
           this.controller.close()
           if (this.isOpenDetail) {
           if (this.isOpenDetail) {

@@ -3,20 +3,56 @@ import { PlayerTitleView } from './PlayerTitleView'
 import { PlayerProgressView } from './PlayerProgressView'
 import { PlayerProgressView } from './PlayerProgressView'
 import { PlayerCommentView } from './PlayerCommentView'
 import { PlayerCommentView } from './PlayerCommentView'
 import { PlayerTimeSeekView } from './PlayerTimeSeekView'
 import { PlayerTimeSeekView } from './PlayerTimeSeekView'
+import { OperRowListView } from '../../../../../wdComponent/src/main/ets/components/view/OperRowListView'
+import {
+  publishCommentModel
+} from '../../../../../wdComponent/src/main/ets/components/comment/model/PublishCommentModel'
+import { ContentDetailDTO } from 'wdBean/Index';
+import { WindowModel } from 'wdKit/Index';
 
 
 @Component
 @Component
 export struct PlayerBottomView {
 export struct PlayerBottomView {
   private playerController?: WDPlayerController;
   private playerController?: WDPlayerController;
+  @State bottomSafeHeight: number = AppStorage.get<number>('bottomSafeHeight') || 0
   @Consume showComment?: boolean
   @Consume showComment?: boolean
   @Consume isOpenDetail?: boolean
   @Consume isOpenDetail?: boolean
   @Consume isDragging?: boolean
   @Consume isDragging?: boolean
+  @Consume contentDetailData: ContentDetailDTO
+  @State publishCommentModel: publishCommentModel = new publishCommentModel()
+
+  aboutToAppear(): void {
+    this.publishCommentModel.targetId = String(this.contentDetailData?.newsId || '')
+    this.publishCommentModel.targetRelId = String(this.contentDetailData?.reLInfo?.relId)
+    this.publishCommentModel.targetTitle = this.contentDetailData?.newsTitle
+    this.publishCommentModel.targetRelType = String(this.contentDetailData?.reLInfo?.relType)
+    this.publishCommentModel.targetRelObjectId = String(this.contentDetailData?.reLInfo?.relObjectId)
+    this.publishCommentModel.keyArticle = String(this.contentDetailData?.keyArticle)
+    this.publishCommentModel.targetType = String(this.contentDetailData?.newsType)
+    this.publishCommentModel.commentContent = ''
+  }
 
 
   build() {
   build() {
     Column() {
     Column() {
       PlayerTitleView()
       PlayerTitleView()
       PlayerProgressView({ playerController: this.playerController })
       PlayerProgressView({ playerController: this.playerController })
       if (this.showComment) {
       if (this.showComment) {
-        PlayerCommentView()
+        // PlayerCommentView()
+        OperRowListView({
+          pageComponentType: 1,
+          styleType: 3,
+          componentType: 4,
+          operationButtonList: ['comment',],
+          contentDetailData: this.contentDetailData,
+          publishCommentModel: this.publishCommentModel,
+          showCommentIcon: false,
+          onBack: () => {
+            WindowModel.shared.setWindowLayoutFullScreen(false)
+            WindowModel.shared.setWindowSystemBarProperties({ statusBarContentColor: '#000000', })
+          }
+        })
+          .padding({
+            bottom: -this.bottomSafeHeight + 'px'
+          })
       }
       }
     }
     }
     .alignItems(HorizontalAlign.Start)
     .alignItems(HorizontalAlign.Start)

@@ -32,6 +32,7 @@ export struct PlayerRightView {
   @Consume isOpenDetail: boolean
   @Consume isOpenDetail: boolean
   @Consume isDragging: boolean
   @Consume isDragging: boolean
   @Consume showComment?: boolean
   @Consume showComment?: boolean
+  @Consume showCommentList: boolean
   @State likesStyle: number = this.contentDetailData.likesStyle // 赞样式 1红心(点赞) 2大拇指(祈福) 3蜡烛(默哀) 4置空
   @State likesStyle: number = this.contentDetailData.likesStyle // 赞样式 1红心(点赞) 2大拇指(祈福) 3蜡烛(默哀) 4置空
 
 
   aboutToAppear() {
   aboutToAppear() {
@@ -343,7 +344,8 @@ export struct PlayerRightView {
     }
     }
     .margin({ bottom: 20 })
     .margin({ bottom: 20 })
     .onClick((event: ClickEvent) => {
     .onClick((event: ClickEvent) => {
-      ToastUtils.showToast('评论为公共方法，待开发', 1000);
+      // ToastUtils.showToast('评论为公共方法，待开发', 1000);
+      this.showCommentList = true
     })
     })
   }
   }
 
 

@@ -5,6 +5,14 @@
       "value": "#FFFFFF"
       "value": "#FFFFFF"
     },
     },
     {
     {
+      "name": "color_transparent",
+      "value": "#00000000"
+    },
+    {
+      "name": "color_222222",
+      "value": "#222222"
+    },
+    {
       "name": "play_track_color",
       "name": "play_track_color",
       "value": "#1AFFFFFF"
       "value": "#1AFFFFFF"
     },
     },
@@ -29,6 +37,18 @@
       "value": "#4DFFFFFF"
       "value": "#4DFFFFFF"
     },
     },
     {
     {
+      "name": "color_666666",
+      "value": "#666666"
+    },
+    {
+      "name": "color_B0B0B0",
+      "value": "#B0B0B0"
+    },
+    {
+      "name": "color_EDEDED",
+      "value": "#EDEDED"
+    },
+    {
       "name": "divider_color",
       "name": "divider_color",
       "value": "#D3D3D3"
       "value": "#D3D3D3"
     },
     },

@@ -3,6 +3,22 @@
     {
     {
       "name": "shared_desc",
       "name": "shared_desc",
       "value": "description"
       "value": "description"
+    },
+    {
+      "name": "footer_text",
+      "value": "已显示全部内容"
+    },
+    {
+      "name": "pull_up_load_text",
+      "value": "加载中..."
+    },
+    {
+      "name": "pull_down_refresh_text",
+      "value": "下拉刷新"
+    },
+    {
+      "name": "release_refresh_text",
+      "value": "松开刷新"
     }
     }
   ]
   ]
 }
 }

@@ -2,7 +2,10 @@ import HuaweiAuth from './utils/HuaweiAuth'
 import { JumpInterceptorAction, RouterJumpInterceptor, WDRouterPage } from 'wdRouter'
 import { JumpInterceptorAction, RouterJumpInterceptor, WDRouterPage } from 'wdRouter'
 import { BusinessError } from '@kit.BasicServicesKit'
 import { BusinessError } from '@kit.BasicServicesKit'
 import { router } from '@kit.ArkUI'
 import { router } from '@kit.ArkUI'
-import { AccountManagerUtils } from 'wdKit/Index'
+import { AccountManagerUtils, SPHelper } from 'wdKit/Index'
+import { LoginViewModel } from './pages/login/LoginViewModel'
+import { SpConstants } from 'wdConstant/Index'
+import { ReportDeviceInfo } from './reportDeviceInfo/ReportDeviceInfo'
 
 
 class LoginJumpHandler implements JumpInterceptorAction {
 class LoginJumpHandler implements JumpInterceptorAction {
   
   
@@ -37,4 +40,14 @@ export class LoginModule {
     }
     }
 
 
   }
   }
+
+  // 启动进入主页 和 每次登录成功调用
+  static reportDeviceInfo() {
+    ReportDeviceInfo.reportDeviceInfo().then((res) => {
+      let nickName = res.touristNickName
+      if (res.touristNickName) {
+        SPHelper.default.save(SpConstants.TOURIST_NICK_NAME, res.touristNickName)
+      }
+    })
+  }
 }
 }

@@ -82,6 +82,30 @@ export class LoginModel {
     })
     })
   }
   }
 
 
+  // loginType 0:手机号密码  2：手机号登录 3：QQ 4：微信 5：微博 6：APPLEID 7:手机号一键登录8：账号+密码 9：华为一键登录
+  thirdPartLogin(loginType: number, otherParams: Record<string, string|number>) {
+    otherParams['loginType'] = loginType
+    otherParams['deviceId'] = HttpUtils.getDeviceId()
+
+    return new Promise<LoginBean>((success, fail) => {
+      HttpRequest.post<ResponseDTO<LoginBean>>(HttpUrlUtils.getAppLoginUrl(), otherParams).then((data: ResponseDTO<LoginBean>) => {
+        Logger.debug("LoginViewModel:success2 ", data.message)
+        if (!data) {
+          fail("数据为空")
+          return
+        }
+        if (!data.data||data.code != 0) {
+          fail(data.message)
+          return
+        }
+        success(data.data)
+      }, (error: Error) => {
+        fail(error.message)
+        Logger.debug("LoginViewModel:error2 ", error.toString())
+      })
+    })
+  }
+
   // {"password":"523acd319228efde34e8a30268ee8ca5e4fc421d72affa531676e1765940d22c","phone":"13625644528","loginType":0,"oldPassword":"BA5FD74F827AF9B271FE17CADC489C36","deviceId":"60da5af6-9c59-3566-8622-8c6c00710994"}
   // {"password":"523acd319228efde34e8a30268ee8ca5e4fc421d72affa531676e1765940d22c","phone":"13625644528","loginType":0,"oldPassword":"BA5FD74F827AF9B271FE17CADC489C36","deviceId":"60da5af6-9c59-3566-8622-8c6c00710994"}
   appLoginByPassword(phone: string, loginType: number, password: string, oldPassword: string) {
   appLoginByPassword(phone: string, loginType: number, password: string, oldPassword: string) {
     let bean: Record<string, string | number> = {};
     let bean: Record<string, string | number> = {};

@@ -407,14 +407,9 @@ struct LoginPage {
 
 
   queryUserDetail(){
   queryUserDetail(){
     this.loginViewModel.queryUserDetail().then(()=>{
     this.loginViewModel.queryUserDetail().then(()=>{
-      router.back({
-        url: `${WDRouterPage.getBundleInfo()}`
-      }
-      )
+      router.back()
     }).catch(()=>{
     }).catch(()=>{
-      router.back({
-        url: `${WDRouterPage.getBundleInfo()}`
-      })
+      router.back()
     })
     })
   }
   }
 
 

@@ -10,6 +10,7 @@ import { encryptMessage } from '../../utils/cryptoUtil'
 import { SpConstants } from 'wdConstant/Index'
 import { SpConstants } from 'wdConstant/Index'
 import { UserDetail } from 'wdBean/Index';
 import { UserDetail } from 'wdBean/Index';
 import { HttpUtils } from 'wdNetwork/Index'
 import { HttpUtils } from 'wdNetwork/Index'
+import { LoginModule } from '../../LoginModule'
 
 
 const TAG = "LoginViewModel"
 const TAG = "LoginViewModel"
 
 
@@ -47,6 +48,27 @@ export class LoginViewModel {
 
 
     return new Promise<LoginBean>((success, fail) => {
     return new Promise<LoginBean>((success, fail) => {
       this.loginModel.appLogin(phone, loginType, verificationCode).then((data: LoginBean) => {
       this.loginModel.appLogin(phone, loginType, verificationCode).then((data: LoginBean) => {
+        this.dealWithLoginSuccess(data)
+        success(data)
+      }).catch((error:string) => {
+        fail(error)
+      })
+    })
+  }
+
+  huaweiOneKeyLogin(authCode: string) {
+    return new Promise<LoginBean>((success, fail) => {
+      this.loginModel.thirdPartLogin(9, {"idToken": authCode}).then((data: LoginBean) => {
+        this.dealWithLoginSuccess(data)
+        success(data)
+      }).catch((error:string) => {
+        fail(error)
+      })
+    })
+  }
+
+  //TODO: 这里要整体改掉
+  dealWithLoginSuccess(data: LoginBean) {
     SPHelper.default.saveSync(SpConstants.USER_FIRST_MARK, data.firstMark)
     SPHelper.default.saveSync(SpConstants.USER_FIRST_MARK, data.firstMark)
     SPHelper.default.saveSync(SpConstants.USER_ID, data.id)
     SPHelper.default.saveSync(SpConstants.USER_ID, data.id)
     SPHelper.default.saveSync(SpConstants.USER_JWT_TOKEN, data.jwtToken)
     SPHelper.default.saveSync(SpConstants.USER_JWT_TOKEN, data.jwtToken)
@@ -56,11 +78,8 @@ export class LoginViewModel {
     SPHelper.default.saveSync(SpConstants.USER_Type, data.userType)
     SPHelper.default.saveSync(SpConstants.USER_Type, data.userType)
     SPHelper.default.saveSync(SpConstants.USER_NAME, data.userName)
     SPHelper.default.saveSync(SpConstants.USER_NAME, data.userName)
     EmitterUtils.sendEmptyEvent(EmitterEventId.LOGIN_SUCCESS)
     EmitterUtils.sendEmptyEvent(EmitterEventId.LOGIN_SUCCESS)
-        success(data)
-      }).catch((error:string) => {
-        fail(error)
-      })
-    })
+
+    LoginModule.reportDeviceInfo()
   }
   }
 
 
   async appLoginByPassword(phone: string, loginType: number, password: string, oldPassword: string) {
   async appLoginByPassword(phone: string, loginType: number, password: string, oldPassword: string) {
@@ -75,15 +94,7 @@ export class LoginViewModel {
       let passwordNew = await this.doMd(password)
       let passwordNew = await this.doMd(password)
       Logger.debug(TAG, "PASSWORD:" + passwordNew)
       Logger.debug(TAG, "PASSWORD:" + passwordNew)
       this.loginModel.appLoginByPassword(phone, newLoginType, passwordNew, oldPassword).then((data: LoginBean) => {
       this.loginModel.appLoginByPassword(phone, newLoginType, passwordNew, oldPassword).then((data: LoginBean) => {
-        SPHelper.default.saveSync(SpConstants.USER_FIRST_MARK, data.firstMark)
-        SPHelper.default.saveSync(SpConstants.USER_ID, data.id)
-        SPHelper.default.saveSync(SpConstants.USER_JWT_TOKEN, data.jwtToken)
-        SPHelper.default.saveSync(SpConstants.USER_LONG_TIME_NO_LOGIN_MARK, data.longTimeNoLoginMark)
-        SPHelper.default.saveSync(SpConstants.USER_REFRESH_TOKEN, data.refreshToken)
-        SPHelper.default.saveSync(SpConstants.USER_STATUS, data.status)
-        SPHelper.default.saveSync(SpConstants.USER_Type, data.userType)
-        SPHelper.default.saveSync(SpConstants.USER_NAME, data.userName)
-        EmitterUtils.sendEmptyEvent(EmitterEventId.LOGIN_SUCCESS)
+       this.dealWithLoginSuccess(data)
         success(data)
         success(data)
       }).catch((value: string) => {
       }).catch((value: string) => {
         fail(value)
         fail(value)
@@ -219,18 +230,29 @@ export class LoginViewModel {
       this.loginModel.queryUserDetail().then((data: UserDetail) => {
       this.loginModel.queryUserDetail().then((data: UserDetail) => {
         //保存sp
         //保存sp
         if(data){
         if(data){
+          if(data.userName!=undefined){
             SPHelper.default.saveSync(SpConstants.USER_NAME, data.userName)
             SPHelper.default.saveSync(SpConstants.USER_NAME, data.userName)
+          }
+          if(data.phone!=undefined){
             SPHelper.default.saveSync(SpConstants.USER_PHONE, data.phone)
             SPHelper.default.saveSync(SpConstants.USER_PHONE, data.phone)
           }
           }
+        }
         if(data.userExtend){
         if(data.userExtend){
+          if(data.userExtend.sex!=undefined){
             SPHelper.default.saveSync(SpConstants.USER_SEX, data.userExtend.sex)
             SPHelper.default.saveSync(SpConstants.USER_SEX, data.userExtend.sex)
+          }
+          if(data.userExtend.creatorId!=undefined){
             SPHelper.default.saveSync(SpConstants.USER_CREATOR_ID, data.userExtend.creatorId+"")
             SPHelper.default.saveSync(SpConstants.USER_CREATOR_ID, data.userExtend.creatorId+"")
+          }
+          if(data.userExtend.headPhotoUrl!=undefined){
             SPHelper.default.saveSync(SpConstants.USER_HEAD_PHOTO_URL, data.userExtend.headPhotoUrl)
             SPHelper.default.saveSync(SpConstants.USER_HEAD_PHOTO_URL, data.userExtend.headPhotoUrl)
+          }
+          if(data.userExtend.birthday!=undefined){
             SPHelper.default.saveSync(SpConstants.USER_BIRTHDAY, data.userExtend.birthday)
             SPHelper.default.saveSync(SpConstants.USER_BIRTHDAY, data.userExtend.birthday)
           }
           }
-
+        }
         success(data)
         success(data)
-      }).catch(() => {
+      }).catch((error:Error) => {
         fail()
         fail()
       })
       })
     })
     })

@@ -3,13 +3,30 @@ import { Params } from 'wdBean/Index'
 import { WDRouterPage, WDRouterRule } from 'wdRouter/Index'
 import { WDRouterPage, WDRouterRule } from 'wdRouter/Index'
 import HuaweiAuth from '../../utils/HuaweiAuth'
 import HuaweiAuth from '../../utils/HuaweiAuth'
 import { BusinessError } from '@kit.BasicServicesKit'
 import { BusinessError } from '@kit.BasicServicesKit'
-import { ToastUtils } from 'wdKit/Index'
+import { Logger, ToastUtils, CustomToast, EmitterUtils, EmitterEventId } from 'wdKit/Index'
+import { LoginViewModel } from './LoginViewModel'
+import {InterestsHobbiesModel} from '../../../../../../../products/phone/src/main/ets/pages/viewModel/InterestsHobbiesModel'
+
+const TAG = "OneKeyLoginPage"
 
 
 @Entry
 @Entry
 @Component
 @Component
 struct OneKeyLoginPage {
 struct OneKeyLoginPage {
   anonymousPhone: string = ''
   anonymousPhone: string = ''
   @State agreeProtocol: boolean = false
   @State agreeProtocol: boolean = false
+  viewModel: LoginViewModel = new LoginViewModel()
+  @State toastText:string = ""
+  dialogToast: CustomDialogController = new CustomDialogController({
+    builder: CustomToast({
+      msg: this.toastText,
+    }),
+    autoCancel: false,
+    alignment: DialogAlignment.Center,
+    offset: { dx: 0, dy: -20 },
+    gridCount: 1,
+    customStyle: true,
+    maskColor:"#00000000"
+  })
 
 
   aboutToAppear(): void {
   aboutToAppear(): void {
     this.anonymousPhone = HuaweiAuth.sharedInstance().anonymousPhone||""
     this.anonymousPhone = HuaweiAuth.sharedInstance().anonymousPhone||""
@@ -44,17 +61,7 @@ struct OneKeyLoginPage {
             if (!this.agreeProtocol) {
             if (!this.agreeProtocol) {
               return
               return
             }
             }
-            HuaweiAuth.sharedInstance().oneKeyLogin().then((authorizeCode) => {
-              //TODO: 调用服务端接口登录
-
-              ToastUtils.shortToast("获取到授权code: " + authorizeCode + "，由于需要后台接口支持，暂时先跳转其他登录方式")
-              setTimeout(() => {
-                router.replaceUrl({url: WDRouterPage.loginPage.url()})
-              }, 3000)
-
-            }).catch((error: BusinessError) => {
-
-            })
+            this.requestLogin()
           })
           })
       }
       }
       .padding({ left: 25, right: 25 })
       .padding({ left: 25, right: 25 })
@@ -113,4 +120,47 @@ struct OneKeyLoginPage {
     }.margin({ top: 15, right: 15 })
     }.margin({ top: 15, right: 15 })
     .width("100%")
     .width("100%")
   }
   }
+
+  async requestLogin() {
+    try {
+      let authorizeCode = await HuaweiAuth.sharedInstance().oneKeyLogin()
+
+      let data = await this.viewModel.huaweiOneKeyLogin(authorizeCode)
+
+      Logger.debug(TAG, "requestLogin: " + data.jwtToken)
+      this.showToastTip('登录成功')
+
+      ///同步兴趣tag
+      let interestsModel = new InterestsHobbiesModel()
+      interestsModel.updateInterests()
+      this.queryUserDetail()
+      EmitterUtils.sendEvent(EmitterEventId.PEOPLE_SHIP_ATTENTION)
+
+    } catch (error) {
+      if (typeof error == "string") {
+        this.showToastTip(error)
+      } else {
+        (error as BusinessError)
+        this.showToastTip("登录失败")
+      }
+    }
+  }
+
+  showToastTip(msg:string){
+    this.toastText = msg
+    this.dialogToast.open()
+  }
+
+  queryUserDetail(){
+    this.viewModel.queryUserDetail().then(()=>{
+      router.back({
+        url: `${WDRouterPage.getBundleInfo()}`
+      }
+      )
+    }).catch(()=>{
+      router.back({
+        url: `${WDRouterPage.getBundleInfo()}`
+      })
+    })
+  }
 }
 }

+import { AppUtils, DeviceUtil, Logger, UserDataLocal } from 'wdKit/Index';
+import { HttpBizUtil, HttpUrlUtils, ResponseDTO } from 'wdNetwork/Index';
+
+export class ReportDeviceInfo {
+  static reportDeviceInfo() {
+    const userId = UserDataLocal.getUserId() || ""
+    const url = HttpUrlUtils.reportDeviceInfo()
+
+    let bean: Record<string, string | number> = {};
+    bean['deviceId'] = DeviceUtil.clientId()
+    bean['appVersion'] = AppUtils.getAppVersionCode()
+    bean['platform'] = 3    /// 1Android 2iOS
+    bean['userId'] = userId
+    bean['brand'] = DeviceUtil.getMarketName()
+    bean['modelSystemVersion'] = DeviceUtil.getDisplayVersion()
+    bean['tenancy'] = 3 ///1-视界 2-英文版 3-中文版
+
+    return new Promise<ReportDeviceInfoRes>((success, fail) => {
+      HttpBizUtil.post<ResponseDTO<ReportDeviceInfoRes>>(url,bean).then((data: ResponseDTO<ReportDeviceInfoRes>) => {
+        if (!data) {
+          fail("数据为空")
+          return
+        }
+        if (data.code != 0) {
+          fail(data.message)
+          return
+        }
+        success(data.data!)
+      }, (error: Error) => {
+        fail(error.message)
+        Logger.debug("ReportDeviceInfo", error.toString())
+      })
+    })
+
+  }
+}
+
+export class ReportDeviceInfoRes {
+  clean : number = 0
+  touristNickName : string = ""
+}

@@ -94,10 +94,9 @@ export struct WDPlayerRenderView {
         .renderFit(RenderFit.RESIZE_COVER)
         .renderFit(RenderFit.RESIZE_COVER)
     }
     }
 
 
-    // .onAreaChange(() => {
-    // this.updateLayout()
-    // })
-
+    .onAreaChange(() => {
+      this.updateLayout()
+    })
     .backgroundColor("#000000")
     .backgroundColor("#000000")
 
 
     // .height('100%')
     // .height('100%')

@@ -4,3 +4,4 @@
 /build
 /build
 /.cxx
 /.cxx
 /.test
 /.test
+/oh-package-lock.json5

@@ -4,21 +4,7 @@ import UIAbility from '@ohos.app.ability.UIAbility';
 import Want from '@ohos.app.ability.Want';
 import Want from '@ohos.app.ability.Want';
 import window from '@ohos.window';
 import window from '@ohos.window';
 import { BusinessError } from '@ohos.base';
 import { BusinessError } from '@ohos.base';
-import { registerRouter } from 'wdRouter';
-import {
-  EmitterEventId,
-  EmitterUtils,
-  Logger,
-  MpaasUtils,
-  NetworkManager,
-  NetworkType,
-  SPHelper,
-  StringUtils,
-  UmengStats,
-  WindowModel
-} from 'wdKit';
-import { HostEnum, HostManager, WDHttp } from 'wdNetwork';
-import { LoginModule } from 'wdLogin/src/main/ets/LoginModule';
+import { EmitterEventId, EmitterUtils, WindowModel } from 'wdKit';
 import { ConfigurationConstant } from '@kit.AbilityKit';
 import { ConfigurationConstant } from '@kit.AbilityKit';
 import { WDPushNotificationManager } from 'wdHwAbility/Index';
 import { WDPushNotificationManager } from 'wdHwAbility/Index';
 import { StartupManager } from '../startupmanager/StartupManager';
 import { StartupManager } from '../startupmanager/StartupManager';
@@ -60,7 +46,7 @@ export default class EntryAbility extends UIAbility {
     AppStorage.setOrCreate('topSafeHeight', topSafeHeight);
     AppStorage.setOrCreate('topSafeHeight', topSafeHeight);
     AppStorage.setOrCreate('windowWidth', width);
     AppStorage.setOrCreate('windowWidth', width);
     AppStorage.setOrCreate('windowHeight', height);
     AppStorage.setOrCreate('windowHeight', height);
-    let audioWidth = px2vp(width)*0.65
+    let audioWidth = px2vp(width) * 0.65
     console.info('floatWindowClass audioWidth' + audioWidth);
     console.info('floatWindowClass audioWidth' + audioWidth);
 
 
 
 
@@ -71,7 +57,8 @@ export default class EntryAbility extends UIAbility {
         hilog.info(0x0000, 'testTag', 'setPreferredOrientation Succeeded');
         hilog.info(0x0000, 'testTag', 'setPreferredOrientation Succeeded');
       })
       })
       .catch((err: Error) => {
       .catch((err: Error) => {
-        hilog.error(0x0000, 'testTag', `setPreferredOrientation catch, error error.name : ${err.name},  error.message:${err.message}`);
+        hilog.error(0x0000, 'testTag',
+          `setPreferredOrientation catch, error error.name : ${err.name},  error.message:${err.message}`);
       })
       })
     //../../../../../../features/wdLogin/src/main/ets/pages/launchPage/LaunchPage
     //../../../../../../features/wdLogin/src/main/ets/pages/launchPage/LaunchPage
     windowStage.loadContent('pages/launchPage/LaunchPage', (err, data) => {
     windowStage.loadContent('pages/launchPage/LaunchPage', (err, data) => {

+{"v":"5.6.10","fr":60,"ip":0,"op":80,"w":30,"h":30,"nm":"直播页面-动效","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":3,"nm":"空 13","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[7.5,7.375,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[50,50,100],"ix":6}},"ao":0,"ip":0,"op":80,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"形状图层 3","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[34,20.073,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-15],[3.75,15],[2.25,16.5],[-2.25,16.5],[-3.75,15],[-3.75,-15],[-2.25,-16.5],[2.25,-16.5]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-27.5],[3.75,15],[2.25,16.5],[-2.25,16.5],[-3.75,15],[-3.75,-27.5],[-2.25,-29],[2.25,-29]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":20,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-15.5],[3.75,15],[2.25,16.5],[-2.25,16.5],[-3.75,15],[-3.75,-15.5],[-2.25,-17],[2.25,-17]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-3.5],[3.75,15],[2.25,16.5],[-2.25,16.5],[-3.75,15],[-3.75,-3.5],[-2.25,-5],[2.25,-5]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":40,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-15.5],[3.75,15],[2.25,16.5],[-2.25,16.5],[-3.75,15],[-3.75,-15.5],[-2.25,-17],[2.25,-17]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":50,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-27.5],[3.75,15],[2.25,16.5],[-2.25,16.5],[-3.75,15],[-3.75,-27.5],[-2.25,-29],[2.25,-29]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":60,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-15.625],[3.75,15],[2.25,16.5],[-2.25,16.5],[-3.75,15],[-3.75,-15.625],[-2.25,-17.125],[2.25,-17.125]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":70,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-3.375],[3.75,15],[2.25,16.5],[-2.25,16.5],[-3.75,15],[-3.75,-3.375],[-2.25,-4.875],[2.25,-4.875]],"c":true}]},{"t":80,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-15.375],[3.75,15],[2.25,16.5],[-2.25,16.5],[-3.75,15],[-3.75,-15.375],[-2.25,-16.875],[2.25,-16.875]],"c":true}]}],"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false}],"ip":0,"op":80,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"形状图层 2","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-4,24.573,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-7.875],[3.75,10.5],[2.25,12],[-2.25,12],[-3.75,10.5],[-3.75,-7.875],[-2.25,-9.375],[2.25,-9.375]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-20],[3.75,10.5],[2.25,12],[-2.25,12],[-3.75,10.5],[-3.75,-20],[-2.25,-21.5],[2.25,-21.5]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":20,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-32],[3.75,10.5],[2.25,12],[-2.25,12],[-3.75,10.5],[-3.75,-32],[-2.25,-33.5],[2.25,-33.5]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-20],[3.75,10.5],[2.25,12],[-2.25,12],[-3.75,10.5],[-3.75,-20],[-2.25,-21.5],[2.25,-21.5]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":40,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-7.875],[3.75,10.5],[2.25,12],[-2.25,12],[-3.75,10.5],[-3.75,-7.875],[-2.25,-9.375],[2.25,-9.375]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":50,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-20],[3.75,10.5],[2.25,12],[-2.25,12],[-3.75,10.5],[-3.75,-20],[-2.25,-21.5],[2.25,-21.5]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":60,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-31.75],[3.75,10.5],[2.25,12],[-2.25,12],[-3.75,10.5],[-3.75,-31.75],[-2.25,-33.25],[2.25,-33.25]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":70,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-19.875],[3.75,10.5],[2.25,12],[-2.25,12],[-3.75,10.5],[-3.75,-19.875],[-2.25,-21.375],[2.25,-21.375]],"c":true}]},{"t":80,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-8],[3.75,10.5],[2.25,12],[-2.25,12],[-3.75,10.5],[-3.75,-8],[-2.25,-9.5],[2.25,-9.5]],"c":true}]}],"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false}],"ip":0,"op":80,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"形状图层 1","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[15,14.272,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-21],[3.75,21],[2.25,22.5],[-2.25,22.5],[-3.75,21],[-3.75,-21],[-2.25,-22.5],[2.25,-22.5]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-9.375],[3.75,21],[2.25,22.5],[-2.25,22.5],[-3.75,21],[-3.75,-9.375],[-2.25,-10.875],[2.25,-10.875]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":20,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,2.5],[3.75,21],[2.25,22.5],[-2.25,22.5],[-3.75,21],[-3.75,2.5],[-2.25,1],[2.25,1]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-9.375],[3.75,21],[2.25,22.5],[-2.25,22.5],[-3.75,21],[-3.75,-9.375],[-2.25,-10.875],[2.25,-10.875]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":40,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-21.5],[3.75,21],[2.25,22.5],[-2.25,22.5],[-3.75,21],[-3.75,-21.5],[-2.25,-23],[2.25,-23]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":50,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-9.5],[3.75,21],[2.25,22.5],[-2.25,22.5],[-3.75,21],[-3.75,-9.5],[-2.25,-11],[2.25,-11]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":60,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,2.5],[3.75,21],[2.25,22.5],[-2.25,22.5],[-3.75,21],[-3.75,2.5],[-2.25,1],[2.25,1]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":70,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-9.5],[3.75,21],[2.25,22.5],[-2.25,22.5],[-3.75,21],[-3.75,-9.5],[-2.25,-11],[2.25,-11]],"c":true}]},{"t":80,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-21.375],[3.75,21],[2.25,22.5],[-2.25,22.5],[-3.75,21],[-3.75,-21.375],[-2.25,-22.875],[2.25,-22.875]],"c":true}]}],"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false}],"ip":0,"op":80,"st":0,"bm":0}],"markers":[]}

+{"v":"5.6.10","fr":30,"ip":0,"op":51,"w":500,"h":500,"nm":"预合成 1","ddd":0,"assets":[{"id":"image_0","w":90,"h":240,"u":"","p":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAADwCAYAAACAL3OKAAAACXBIWXMAAAABAAAAAQBPJcTWAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAADW0lEQVR4nO3cv2lcQRRG8Tuzs0iBFRhcgcEVGFSBwRUYXIHBFRicqTOVJJACSfvnc+BNXvbgMUeBzi8ZJhPnDuLpYtySnEvTjarKW/8Q74GhIYaGGBpiaIihIYaGGBpiaIihIYaGjKpy1wHwRUMMDTE0xNAQQ0MMDTE0xNAQQ0MMDTE0xNAQQ0MMDTE0xH00xBcNMTTE0BBDQwwNMTTE0BBDQwwNMTTE0BBDQwwNMTTE0BD30RBfNMTQEENDDA0xNMTQEENDDA0xNMTQEENDDA0xNMTQEEND3EdDfNEQQ0MMDTE0xNAQQ0MMDTE0xNAQQ0MMDTE0xNAQQ0MMDXEfDfFFQwwNMTTE0BBDQwwNMTTE0BBDQwwNMTTE0BBDQwwNMTTEfTTEFw0xNMTQEENDDA0xNMTQEENDDA0xNMTQEENDDA0xNMTQEPfREF80xNAQQ0MMDTE0xNAQQ0MMDTE0xNAQQ0MMDTE0xNAQQ0P6+XxO/Y+dqor3OfeW5O/GYWmFcSmuyXpVpfcez7lnO51Of6aMUAt+dUAMDTE0ZPTe/XcdAF80xNAQQ0MMDTE0xNAQQ0PcR4P76N8bh6UV3EdD3EeD++hfU0aohZHEXx0AP+8ghoaM3W7nPhrgi4YYGmJoiKEhhoYYGmJoSD+dTov9qfc595bk58ZhaYVxKa7JelVlt9vFc+7Zjsfjjykj1IJfHRBDQwwNcR8N8UVDDA0xNMTQEENDDA0xNKQfj8fF/tT7nHtL8n3jsLTCuBTXZL2qMsaI59yzHQ6Hb1NGqAW/OiCGhhgaMsYY7qMBvmiIoSGGhhgaYmiIoSGGhvTD4bDYn3qfc29JbjcOSyuMS3FN1qsq+/0+nnPP9vr6+nXKCLXgVwfE0BBDQ8Z+v3cfDfBFQwwNMTTE0BBDQwwNMTSkv7y8LPan3ufcW5IvG4elFcaluCbrVZWrq6t4zj3b8/Pz5ykj1IL/fzTEzzuIoSHj+vrafTTAFw0xNMTQEENDDA0xNMTQkP709LTYn3qfc29JPm0cllYYj4+P/uoA9CS5ubmJ59yzPTw8fHzrab8H7qMhhoYYGtKSfHjrH+I98C9DiKEhhoYYGmJoiKEhhob0+/v7xf7U+5x7S7LbOCytMO7u7vzVAWlJmufc8x+/85zyNf84xgAAAABJRU5ErkJggg==","e":1}],"fonts":{"list":[{"fName":"SourceHanSansSC-Normal","fFamily":"Source Han Sans SC","fStyle":"Normal","ascent":79.608999023214}]},"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"“图层 1”轮廓 2","td":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[160.08,177.473,0],"ix":2},"a":{"a":0,"k":[8.095,35.425,0],"ix":1},"s":{"a":0,"k":[300,300,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[1.244,-10.704],[-4.109,-12.458],[-0.711,-0.358],[-0.35,-0.041],[-0.041,-0.003],[-0.374,0.124],[-0.135,1.161],[0,0],[0.134,0.407],[-1.276,10.984],[-5.322,9.464],[0,0]],"o":[[-5.704,10.153],[-1.377,11.862],[0.249,0.755],[0.314,0.159],[0.041,0.005],[0.393,0.029],[1.109,-0.366],[0,0],[0.046,-0.426],[-3.832,-11.619],[1.152,-9.916],[0,0],[0,0]],"v":[[2.846,-34.399],[-7.576,-3.114],[-3.479,33.365],[-1.98,35.104],[-0.976,35.405],[-0.852,35.417],[0.31,35.274],[2.35,32.771],[2.353,32.749],[2.219,31.485],[-1.616,-2.421],[8.095,-31.491],[7.16,-35.425]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[8.094,35.425],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":51,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":2,"nm":"矩形 1624.png","cl":"png","tt":1,"refId":"image_0","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":4,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":6,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":29,"s":[100]},{"t":34,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[170.767,290.291,0],"ix":2},"a":{"a":0,"k":[45.395,241.486,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":1,"s":[100,10,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":7,"s":[100,56,100]},{"t":12,"s":[100,100,100]}],"ix":6}},"ao":0,"ip":1,"op":52,"st":1,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"形状图层 3","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":1,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":7,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":29,"s":[100]},{"t":34,"s":[0]}],"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":1,"s":[-51]},{"t":12,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":1,"s":[157.75,279.75,0],"to":[-6.112,-21.415,0],"ti":[-5.612,39.702,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":7,"s":[145.538,168,0],"to":[5.612,-39.702,0],"ti":[-10.945,22.085,0]},{"t":12,"s":[174.75,77.75,0]}],"ix":2},"a":{"a":0,"k":[-75.25,-172.25,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[-96.5,-181.5],[-62.25,-189],[-54,-155.5]],"c":false},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":18,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"描边 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"形状 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":52,"st":1,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"形状图层 1","parent":5,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":20,"ix":10},"p":{"a":0,"k":[34.937,47.412,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[33.333,33.333,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[28.935,-6.447],[9,-5.25],[-17.25,4],[-21.26,3.424],[-12.805,-4.71],[2.25,-2.5]],"o":[[0,0],[-24.106,5.371],[-16.232,9.469],[9.485,-2.2],[33.448,-5.387],[9.5,4.25],[-2.25,2.5]],"v":[[52.75,-14.25],[-9.435,-6.803],[-56.25,10.25],[-46.25,39],[7.26,24.826],[88,19],[89,36.25]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0,0],[26.479,-4.851],[8.679,-2.444],[-17.998,2.691],[-23.469,3.069],[-12.805,-4.71],[2.25,-2.5]],"o":[[0,0],[-12.46,2.283],[-15.41,4.339],[4.383,-0.655],[33.593,-4.393],[9.5,4.25],[-2.25,2.5]],"v":[[58,-15],[-7.178,-6.584],[-53.707,4.823],[-47,29.75],[0.76,22.576],[88,19],[89,36.25]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":15,"s":[{"i":[[0,0],[26.919,0.031],[6.044,-0.659],[-15.132,-2.622],[-23.644,1.071],[-12.805,-4.71],[2.25,-2.5]],"o":[[0,0],[-13.471,-0.016],[-14.086,1.535],[4.404,0.763],[32.111,-1.455],[9.5,4.25],[-2.25,2.5]],"v":[[54.157,-14.073],[-2.442,-8.813],[-49.103,-6.764],[-50.1,19.6],[-0.512,21.013],[88,19],[89,36.25]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":24,"s":[{"i":[[0,0],[26.479,-4.851],[8.679,-2.444],[-17.998,2.691],[-23.469,3.069],[-12.805,-4.71],[2.25,-2.5]],"o":[[0,0],[-12.46,2.283],[-15.41,4.339],[4.383,-0.655],[33.593,-4.393],[9.5,4.25],[-2.25,2.5]],"v":[[58,-15],[-7.178,-6.584],[-53.707,4.823],[-47,29.75],[0.76,22.576],[88,19],[89,36.25]],"c":false}]},{"t":40,"s":[{"i":[[0,0],[28.935,-6.447],[9,-5.25],[-17.25,4],[-21.26,3.424],[-12.805,-4.71],[2.25,-2.5]],"o":[[0,0],[-24.106,5.371],[-16.232,9.469],[9.485,-2.2],[33.448,-5.387],[9.5,4.25],[-2.25,2.5]],"v":[[58,-15],[-9.435,-6.803],[-56.25,10.25],[-46.25,39],[7.26,24.826],[88,19],[89,36.25]],"c":false}]}],"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":12,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"描边 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"形状 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":50,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"“img_hand”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.775],"y":[0.621]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[-20]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":10,"s":[12]},{"t":40.0234375,"s":[-19.954]}],"ix":10},"p":{"a":0,"k":[447.982,216,0],"ix":2},"a":{"a":0,"k":[100.827,59.333,0],"ix":1},"s":{"a":0,"k":[300,300,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":3,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"描边 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"形状 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.033,0.015],[0,0],[0.783,-0.214],[0.314,-0.792],[-0.133,-0.656],[-0.603,-0.563],[-0.587,-0.233],[0,0],[-0.073,-0.04],[-0.516,-0.842],[0.479,-1.208],[0.953,-0.502],[0,0],[0,0],[0,0],[-1.392,-0.86],[0.091,-1.641],[2.925,-1.592],[2.563,-0.334],[1.888,-0.636],[1.036,-1.094],[0.103,-0.722],[-0.26,-0.631],[-1.483,0.566],[-3.818,0.653],[-5.209,0.17],[-9.286,3.911],[0,0],[0,0],[-0.469,-0.165],[-0.024,-0.01],[0,0],[-0.206,-0.489],[0.163,-0.467],[0.01,-0.026],[0.495,-0.209],[0,0],[6.587,-0.214],[2.994,-0.511],[4.409,-1.635],[1.511,0.673],[0.629,1.524],[-0.21,1.467],[-0.98,1.035],[-2.962,0.997],[-2.561,0.334],[-1.666,0.907],[-0.117,0.852],[0.021,0.025],[0.515,0.318],[-2.348,-0.527],[0,0],[0,0],[-2.029,-0.079],[-0.168,0.089],[-0.048,0.103],[0.49,0.277],[0,0],[0.631,0.589],[0.298,1.464],[-0.637,1.605],[-1.864,0.508],[-0.535,0.015],[-0.648,1.306],[-1.813,0.428],[-1.806,-0.438],[-0.392,1.028],[-0.023,0.048],[-2.123,0.451],[-2.602,-1.082],[-0.033,-0.016],[0,0],[-0.034,-0.019],[-1.699,-3.421],[0,0],[0,0],[0.169,-0.503],[0.013,-0.032],[0.443,-0.22],[0.502,0.17],[0.033,0.013],[0.219,0.442],[0,0],[6.83,3.793],[0,0],[1.064,-0.227],[0.455,-0.915],[-0.154,-0.539],[-0.497,-0.308],[0,0],[0.408,-1.027],[1.026,0.405],[0,0],[0,0],[0.068,0.036],[0,0],[0.842,-0.198],[0.277,-0.557],[-0.093,-0.504],[-0.425,-0.402],[0,0],[0.237,-0.935],[0.032,-0.08],[0.015,-0.033],[0.934,0.237],[0.08,0.031]],"o":[[0,0],[-1.444,-0.567],[-0.577,0.157],[-0.344,0.868],[0.128,0.627],[0.263,0.245],[0,0],[0.077,0.03],[1.204,0.661],[0.679,1.108],[-0.415,1.046],[-0.842,0.444],[0,0],[0,0],[0,0],[2.121,1.31],[-0.133,2.377],[-2.104,1.145],[-2.301,0.3],[-2.333,0.785],[-0.397,0.419],[-0.107,0.745],[0.49,1.186],[4.665,-1.731],[3.174,-0.542],[6.094,-0.198],[0,0],[0,0],[0.458,-0.193],[0.024,0.009],[0,0],[0.491,0.2],[0.192,0.456],[-0.009,0.027],[-0.198,0.499],[0,0],[-9.741,4.104],[-5.028,0.164],[-3.573,0.611],[-1.873,0.715],[-1.375,-0.612],[-0.539,-1.304],[0.223,-1.562],[1.492,-1.576],[2.135,-0.719],[2.069,-0.269],[1.546,-0.841],[-0.014,-0.019],[-0.21,-0.254],[-1.135,-0.701],[1.606,0.361],[0,0],[0,0],[0.359,0.014],[0.069,-0.036],[-0.151,-0.213],[0,0],[-1.055,-0.418],[-1.228,-1.144],[-0.291,-1.433],[0.805,-2.031],[0.48,-0.13],[-0.099,-1.203],[0.833,-1.68],[1.331,-0.314],[0.031,-0.905],[0.019,-0.05],[1.024,-2.145],[1.886,-0.401],[0.034,0.014],[0,0],[0.034,0.016],[7.589,4.209],[0,0],[0,0],[0.236,0.476],[-0.012,0.033],[-0.182,0.46],[-0.475,0.236],[-0.033,-0.011],[-0.459,-0.182],[0,0],[-1.329,-2.67],[0,0],[-1.813,-0.748],[-0.816,0.173],[-0.338,0.913],[0.115,0.405],[0,0],[1.026,0.408],[-0.406,1.025],[0,0],[0,0],[-0.071,-0.028],[0,0],[-1.472,-0.43],[-0.593,0.14],[-0.357,0.721],[0.077,0.416],[0,0],[0.876,0.403],[-0.021,0.083],[-0.013,0.033],[-0.403,0.876],[-0.084,-0.021],[-0.033,-0.014]],"v":[[1.962,-13.096],[-8.76,-18.034],[-12.1,-18.564],[-13.438,-17.141],[-13.753,-14.855],[-12.658,-13.071],[-11.383,-12.354],[0.275,-7.73],[0.501,-7.625],[3.081,-5.371],[3.381,-1.898],[1.329,0.424],[-1.686,0.991],[-2.437,0.965],[-1.432,7.985],[4.895,10.726],[7.939,15.152],[3.353,21.106],[-3.648,23.325],[-9.932,24.728],[-14.984,27.546],[-15.734,29.258],[-15.503,31.322],[-12.544,32.252],[0.181,28.677],[12.755,27.609],[35.825,21.445],[35.827,21.444],[35.831,21.442],[37.273,21.398],[37.346,21.426],[37.363,21.432],[38.452,22.508],[38.497,23.942],[38.468,24.022],[37.385,25.128],[37.379,25.13],[12.887,31.607],[0.855,32.62],[-11.118,35.989],[-16.195,36.052],[-19.201,32.848],[-19.693,28.692],[-17.889,24.796],[-11.208,20.937],[-4.163,19.358],[1.439,17.593],[3.934,15.053],[3.882,14.987],[2.794,14.129],[-2.327,11.916],[-1.459,8.034],[-2.393,1.013],[-1.324,-2.997],[-0.535,-3.116],[-0.359,-3.325],[-1.32,-4.06],[-12.856,-8.636],[-15.385,-10.146],[-17.674,-14.058],[-17.156,-18.616],[-13.152,-22.424],[-11.63,-22.643],[-10.805,-26.407],[-6.835,-29.569],[-2.13,-29.383],[-1.495,-32.282],[-1.432,-32.43],[3.288,-36.324],[10.021,-35.302],[10.12,-35.257],[31.193,-25.105],[31.295,-25.052],[45.227,-13.607],[45.228,-13.604],[45.229,-13.603],[45.333,-12.075],[45.296,-11.977],[44.326,-10.922],[42.799,-10.819],[42.7,-10.855],[41.646,-11.825],[41.642,-11.833],[29.404,-21.527],[8.436,-31.629],[4.12,-32.411],[2.213,-30.778],[1.936,-28.6],[2.854,-27.53],[8.822,-25.163],[9.944,-22.566],[7.352,-21.443],[7.348,-21.444],[1.316,-23.823],[1.107,-23.919],[-2.447,-25.328],[-5.917,-25.676],[-7.222,-24.63],[-7.62,-22.792],[-6.867,-21.566],[3.635,-16.729],[4.737,-14.42],[4.658,-14.175],[4.615,-14.076],[2.307,-12.974],[2.061,-13.053]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[55.39,50.134],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":50,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":5,"nm":"上滑查看更多视频","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.5,409.099,0],"ix":2},"a":{"a":0,"k":[4.786,-22.901,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"t":{"d":{"k":[{"s":{"s":60,"f":"SourceHanSansSC-Normal","t":"上滑查看更多视频","j":2,"tr":0,"lh":72,"ls":0,"fc":[1,1,1],"sc":[0,0,0],"sw":0.00999999977648,"of":true},"t":0}]},"p":{},"m":{"g":1,"a":{"a":0,"k":[0,0],"ix":2}},"a":[]},"ip":0,"op":50,"st":0,"bm":0}],"markers":[{"tm":1,"cm":"{\n\t\"exportFlag\":\t1,\n\t\"storePath\":\t\"/Users/changkang/Downloads/中文版动效/动效导出最终版本的/动效\"\n}","dr":0}],"chars":[{"ch":"上","size":60,"style":"Normal","w":100,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[43.405,-82.883],[43.405,-3.625],[5.338,-3.625],[5.338,3.122],[95.471,3.122],[95.471,-3.625],[50.455,-3.625],[50.455,-44.614],[88.623,-44.614],[88.623,-51.361],[50.455,-51.361],[50.455,-82.883]],"c":true},"ix":2},"nm":"上","mn":"ADBE Vector Shape - Group","hd":false}],"nm":"上","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}]},"fFamily":"Source Han Sans SC"},{"ch":"滑","size":60,"style":"Normal","w":100,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-3.928,-3.726],[0,0],[6.143,3.625]],"o":[[6.244,3.827],[0,0],[-3.928,-3.525],[0,0]],"v":[[9.467,-78.653],[27.594,-65.359],[31.924,-70.496],[13.696,-82.983]],"c":true},"ix":2},"nm":"滑","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[-3.827,-3.122],[0,0],[5.74,2.921]],"o":[[5.841,3.122],[0,0],[-3.928,-3.122],[0,0]],"v":[[4.33,-50.656],[21.552,-39.679],[25.58,-44.916],[8.258,-55.389]],"c":true},"ix":2},"nm":"滑","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[4.633,-7.553],[0,0],[-4.431,10.272],[0,0]],"o":[[0,0],[5.035,-9.164],[0,0],[-4.935,11.078]],"v":[[7.755,1.913],[13.596,6.244],[29.105,-25.681],[23.868,-29.81]],"c":true},"ix":2},"nm":"滑","mn":"ADBE Vector Shape - Group","hd":false},{"ind":3,"ty":"sh","ix":4,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[45.923,-22.055],[79.156,-22.055],[79.156,-14.2],[45.923,-14.2]],"c":true},"ix":2},"nm":"滑","mn":"ADBE Vector Shape - Group","hd":false},{"ind":4,"ty":"sh","ix":5,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[45.923,-27.191],[45.923,-34.845],[79.156,-34.845],[79.156,-27.191]],"c":true},"ix":2},"nm":"滑","mn":"ADBE Vector Shape - Group","hd":false},{"ind":5,"ty":"sh","ix":6,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[1.41,0],[5.237,0.201],[-0.302,-1.511],[-2.618,1.007],[0,3.525],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,1.309],[-1.41,0.101],[0.806,1.611],[7.251,0],[2.618,-0.906],[0,0],[0,0]],"v":[[39.679,-40.384],[39.679,7.855],[45.923,7.855],[45.923,-9.164],[79.156,-9.164],[79.156,0.806],[77.344,2.518],[65.863,2.417],[67.776,7.956],[82.178,6.949],[85.602,0.806],[85.602,-40.384]],"c":true},"ix":2},"nm":"滑","mn":"ADBE Vector Shape - Group","hd":false},{"ind":6,"ty":"sh","ix":7,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[40.384,-80.667],[40.384,-53.476],[29.709,-53.476],[29.709,-36.658],[35.953,-36.658],[35.953,-47.836],[89.227,-47.836],[89.227,-36.658],[95.773,-36.658],[95.773,-53.476],[84.998,-53.476],[84.998,-80.667]],"c":true},"ix":2},"nm":"滑","mn":"ADBE Vector Shape - Group","hd":false},{"ind":7,"ty":"sh","ix":8,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[46.628,-53.476],[46.628,-63.144],[61.029,-63.144],[61.029,-53.476]],"c":true},"ix":2},"nm":"滑","mn":"ADBE Vector Shape - Group","hd":false},{"ind":8,"ty":"sh","ix":9,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[78.653,-53.476],[66.769,-53.476],[66.769,-67.978],[46.628,-67.978],[46.628,-75.229],[78.653,-75.229]],"c":true},"ix":2},"nm":"滑","mn":"ADBE Vector Shape - Group","hd":false}],"nm":"滑","np":12,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}]},"fFamily":"Source Han Sans SC"},{"ch":"查","size":60,"style":"Normal","w":100,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[29.205,-21.854],[71.201,-21.854],[71.201,-12.891],[29.205,-12.891]],"c":true},"ix":2},"nm":"查","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[29.205,-35.55],[71.201,-35.55],[71.201,-26.688],[29.205,-26.688]],"c":true},"ix":2},"nm":"查","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[22.559,-40.585],[22.559,-7.855],[78.149,-7.855],[78.149,-40.585]],"c":true},"ix":2},"nm":"查","mn":"ADBE Vector Shape - Group","hd":false},{"ind":3,"ty":"sh","ix":4,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[7.654,-1.511],[7.654,4.532],[93.457,4.532],[93.457,-1.511]],"c":true},"ix":2},"nm":"查","mn":"ADBE Vector Shape - Group","hd":false},{"ind":4,"ty":"sh","ix":5,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[12.589,-4.33],[-1.007,-1.611],[-9.265,12.085],[0,0],[0,0],[0,0],[-14.099,-5.237],[-1.611,1.208],[8.862,9.467],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[-8.862,9.769],[1.41,1.309],[13.797,-5.539],[0,0],[0,0],[0,0],[9.366,11.884],[0.906,-1.712],[-12.991,-4.129],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[46.729,-84.494],[46.729,-71.301],[5.841,-71.301],[5.841,-65.359],[39.175,-65.359],[3.827,-42.197],[8.258,-36.758],[46.729,-65.259],[46.729,-43.707],[53.476,-43.707],[53.476,-65.359],[92.45,-37.564],[96.982,-43.103],[60.928,-65.359],[95.068,-65.359],[95.068,-71.301],[53.476,-71.301],[53.476,-84.494]],"c":true},"ix":2},"nm":"查","mn":"ADBE Vector Shape - Group","hd":false}],"nm":"查","np":8,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}]},"fFamily":"Source Han Sans SC"},{"ch":"看","size":60,"style":"Normal","w":100,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[32.73,-21.854],[78.049,-21.854],[78.049,-14.301],[32.73,-14.301]],"c":true},"ix":2},"nm":"看","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[32.73,-26.788],[32.73,-34.14],[78.049,-34.14],[78.049,-26.788]],"c":true},"ix":2},"nm":"看","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[32.73,-9.467],[78.049,-9.467],[78.049,-1.511],[32.73,-1.511]],"c":true},"ix":2},"nm":"看","mn":"ADBE Vector Shape - Group","hd":false},{"ind":3,"ty":"sh","ix":4,"ks":{"a":0,"k":{"i":[[0,0],[24.573,-0.201],[-0.201,-1.611],[-9.567,0.403],[0.906,-2.518],[0,0],[0,0],[0,0],[1.41,-2.618],[0,0],[0,0],[0,0],[11.581,-6.647],[-0.906,-1.41],[-5.237,5.942],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-1.41,2.618],[0,0],[0,0],[0,0],[-1.108,2.719],[0,0],[0,0],[0,0],[-0.806,2.618],[-10.071,2.115]],"o":[[-15.912,3.424],[0.705,1.511],[8.862,0],[-0.705,2.518],[0,0],[0,0],[0,0],[-1.108,2.719],[0,0],[0,0],[0,0],[-6.445,10.876],[1.41,1.309],[7.15,-4.23],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[1.611,-2.417],[0,0],[0,0],[0,0],[1.208,-2.618],[0,0],[0,0],[0,0],[0.906,-2.618],[14.603,-0.906],[0,0]],"v":[[83.286,-83.588],[11.884,-78.452],[13.394,-73.114],[41.492,-73.819],[39.175,-66.367],[13.394,-66.367],[13.394,-60.928],[37.161,-60.928],[33.435,-52.771],[5.942,-52.771],[5.942,-47.131],[30.313,-47.131],[3.525,-20.142],[7.855,-14.905],[26.285,-30.313],[26.285,8.057],[32.73,8.057],[32.73,4.028],[78.049,4.028],[78.049,8.057],[84.695,8.057],[84.695,-39.578],[33.435,-39.578],[38.068,-47.131],[94.766,-47.131],[94.766,-52.771],[40.988,-52.771],[44.513,-60.928],[88.824,-60.928],[88.824,-66.367],[46.527,-66.367],[49.045,-74.222],[87.717,-78.653]],"c":true},"ix":2},"nm":"看","mn":"ADBE Vector Shape - Group","hd":false}],"nm":"看","np":7,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}]},"fFamily":"Source Han Sans SC"},{"ch":"更","size":60,"style":"Normal","w":100,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[3.424,5.539],[0,0],[-5.136,-3.827],[12.387,-2.417],[-0.806,-1.511],[-6.747,4.532],[-23.666,-1.007],[-1.309,1.611],[12.991,6.143],[-1.309,6.345],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[4.935,-4.23]],"o":[[0,0],[3.525,6.042],[-6.244,3.625],[1.511,1.611],[13.394,-2.921],[13.797,7.452],[0.302,-2.216],[-22.961,-0.705],[5.539,-5.237],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-1.208,5.136],[-5.035,-3.424]],"v":[[25.177,-24.17],[19.437,-21.854],[32.327,-7.15],[4.834,2.014],[8.862,7.956],[38.47,-3.223],[94.464,7.654],[97.385,1.007],[43.909,-7.553],[53.375,-25.177],[87.817,-25.177],[87.817,-63.849],[54.382,-63.849],[54.382,-72.711],[94.061,-72.711],[94.061,-78.854],[6.546,-78.854],[6.546,-72.711],[47.433,-72.711],[47.433,-63.849],[15.912,-63.849],[15.912,-25.177],[46.326,-25.177],[37.766,-10.977]],"c":true},"ix":2},"nm":"更","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0.101,-2.216],[0,0]],"o":[[0,0],[0,0],[0,2.216],[0,0],[0,0]],"v":[[22.357,-41.794],[47.433,-41.794],[47.433,-37.564],[47.232,-30.917],[22.357,-30.917]],"c":true},"ix":2},"nm":"更","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[0,0],[0,2.216],[0,0],[0,0],[0,0]],"o":[[0.101,-2.216],[0,0],[0,0],[0,0],[0,0]],"v":[[54.181,-30.917],[54.382,-37.564],[54.382,-41.794],[81.07,-41.794],[81.07,-30.917]],"c":true},"ix":2},"nm":"更","mn":"ADBE Vector Shape - Group","hd":false},{"ind":3,"ty":"sh","ix":4,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[22.357,-58.109],[47.433,-58.109],[47.433,-47.333],[22.357,-47.333]],"c":true},"ix":2},"nm":"更","mn":"ADBE Vector Shape - Group","hd":false},{"ind":4,"ty":"sh","ix":5,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[54.382,-58.109],[81.07,-58.109],[81.07,-47.333],[54.382,-47.333]],"c":true},"ix":2},"nm":"更","mn":"ADBE Vector Shape - Group","hd":false}],"nm":"更","np":8,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}]},"fFamily":"Source Han Sans SC"},{"ch":"多","size":60,"style":"Normal","w":100,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[16.214,-6.848],[-1.007,-1.611],[-6.647,5.438],[0,0],[8.157,-4.834],[4.532,2.518],[0,0],[-3.424,-3.021],[11.38,-2.014],[-0.705,-1.813],[-12.891,22.357],[0,0],[0,0],[0,0],[-2.014,2.518]],"o":[[-6.345,8.459],[1.511,1.108],[9.265,-4.431],[0,0],[-5.136,6.546],[-3.625,-3.122],[0,0],[4.129,2.417],[-10.977,5.539],[1.208,1.41],[25.681,-5.438],[0,0],[0,0],[0,0],[2.518,-2.417],[0,0]],"v":[[46.326,-84.595],[11.581,-59.216],[16.214,-54.382],[40.082,-69.388],[69.287,-69.388],[48.743,-52.267],[35.248,-61.533],[30.414,-58.008],[42.801,-49.146],[8.157,-37.665],[11.481,-31.622],[79.66,-73.114],[75.33,-75.833],[73.92,-75.531],[46.93,-75.531],[53.778,-82.983]],"c":true},"ix":2},"nm":"多","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[20.444,-7.452],[-0.906,-1.611],[-8.359,6.949],[0,0],[9.064,-5.136],[4.23,2.921],[0,0],[-3.323,-3.424],[17.322,-1.712],[-0.403,-1.913],[-14.099,29.709],[0,0],[0,0],[0,0],[-2.014,2.618]],"o":[[-7.352,10.071],[1.511,1.309],[12.79,-5.136],[0,0],[-5.136,8.258],[-3.525,-3.424],[0,0],[4.028,3.021],[-14.301,6.747],[1.108,1.611],[35.248,-4.23],[0,0],[0,0],[0,0],[2.518,-2.518],[0,0]],"v":[[62.741,-49.649],[20.444,-20.746],[24.774,-15.61],[56.598,-34.14],[84.796,-34.14],[63.144,-14.099],[50.253,-24.573],[44.714,-21.35],[56.9,-10.776],[7.956,1.511],[10.776,8.057],[94.867,-37.866],[90.436,-40.686],[89.127,-40.283],[63.345,-40.283],[70.193,-48.038]],"c":true},"ix":2},"nm":"多","mn":"ADBE Vector Shape - Group","hd":false}],"nm":"多","np":5,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}]},"fFamily":"Source Han Sans SC"},{"ch":"视","size":60,"style":"Normal","w":100,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[45.721,-79.459],[45.721,-25.882],[52.167,-25.882],[52.167,-73.416],[84.192,-73.416],[84.192,-25.882],[90.939,-25.882],[90.939,-79.459]],"c":true},"ix":2},"nm":"视","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[-1.813,-3.726],[0,0],[3.928,3.726]],"o":[[3.726,3.928],[0,0],[-1.813,-3.625],[0,0]],"v":[[15.912,-81.171],[25.378,-67.978],[30.817,-71.603],[21.048,-84.192]],"c":true},"ix":2},"nm":"视","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[25.378,-13.193],[-0.705,-1.41],[-3.827,11.38],[0,0],[-6.647,0],[0,0],[-0.906,15.811],[1.712,1.41],[3.726,0],[0,0],[0,2.921],[0,0],[0,0],[0,5.438],[0,0]],"o":[[0,0],[0,15.811],[1.41,1.108],[15.811,-8.258],[0,0],[0,6.445],[0,0],[8.459,0],[-1.813,-0.403],[-0.504,14.603],[0,0],[-3.021,0],[0,0],[0,0],[1.41,-5.942],[0,0],[0,0]],"v":[[64.453,-65.561],[64.453,-45.218],[35.953,2.921],[40.182,7.956],[67.676,-22.861],[67.676,-1.813],[76.941,6.345],[86.508,6.345],[96.982,-13.495],[91.241,-16.214],[86.609,1.108],[77.847,1.108],[74.02,-2.518],[74.02,-27.795],[69.086,-27.795],[70.898,-45.016],[70.898,-65.561]],"c":true},"ix":2},"nm":"视","mn":"ADBE Vector Shape - Group","hd":false},{"ind":3,"ty":"sh","ix":4,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[10.474,-7.251],[-0.604,-1.913],[-4.028,4.431],[0,0],[0,0],[0,0],[-2.115,-3.122],[0,0],[3.827,4.028],[-2.82,7.855],[0,0],[0,0]],"o":[[0,0],[0,0],[-6.042,13.092],[1.108,1.208],[4.028,-3.021],[0,0],[0,0],[0,0],[3.726,4.633],[0,0],[-1.913,-2.216],[4.935,-6.949],[0,0],[0,0],[0,0]],"v":[[6.546,-67.072],[6.546,-60.828],[31.622,-60.828],[4.129,-27.594],[7.452,-21.149],[19.638,-32.428],[19.638,7.855],[25.983,7.855],[25.983,-36.356],[36.456,-22.458],[40.787,-27.896],[27.795,-42.499],[39.78,-64.856],[36.154,-67.273],[34.946,-67.072]],"c":true},"ix":2},"nm":"视","mn":"ADBE Vector Shape - Group","hd":false}],"nm":"视","np":7,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}]},"fFamily":"Source Han Sans SC"},{"ch":"频","size":60,"style":"Normal","w":100,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[24.573,-6.647],[-0.504,-1.41],[-0.302,37.766]],"o":[[-0.302,35.751],[1.208,1.208],[26.184,-7.452],[0,0]],"v":[[70.898,-50.958],[44.916,3.323],[48.239,8.157],[76.639,-50.958]],"c":true},"ix":2},"nm":"频","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[-4.23,-4.532],[0,0],[6.848,4.834]],"o":[[6.848,5.035],[0,0],[-4.33,-4.431],[0,0]],"v":[[73.416,-8.661],[93.155,8.157],[97.284,3.726],[77.243,-12.488]],"c":true},"ix":2},"nm":"频","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[0,0],[21.249,-6.949],[-0.806,-1.712],[-5.539,22.458]],"o":[[-5.237,20.847],[1.309,1.41],[22.458,-8.157],[0,0]],"v":[[43.506,-38.873],[5.338,3.021],[8.963,8.258],[49.347,-37.463]],"c":true},"ix":2},"nm":"频","mn":"ADBE Vector Shape - Group","hd":false},{"ind":3,"ty":"sh","ix":4,"ks":{"a":0,"k":{"i":[[0,0],[4.33,-5.237],[-1.108,-0.906],[-2.316,8.258]],"o":[[-2.115,7.452],[1.511,0.806],[4.33,-5.539],[0,0]],"v":[[13.898,-39.88],[4.028,-19.638],[9.064,-16.415],[19.638,-38.672]],"c":true},"ix":2},"nm":"频","mn":"ADBE Vector Shape - Group","hd":false},{"ind":4,"ty":"sh","ix":5,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-1.41,3.726],[0,0],[0,0],[0,0],[0,0],[0,0],[1.41,-3.223]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[1.309,-3.323],[0,0],[0,0],[0,0],[0,0],[0,0],[-1.007,3.525],[0,0]],"v":[[54.886,-61.432],[54.886,-13.898],[60.727,-13.898],[60.727,-55.994],[86.407,-55.994],[86.407,-13.998],[92.551,-13.998],[92.551,-61.432],[74.222,-61.432],[78.351,-72.409],[95.572,-72.409],[95.572,-78.452],[52.267,-78.452],[52.267,-72.409],[71.805,-72.409],[67.978,-61.432]],"c":true},"ix":2},"nm":"频","mn":"ADBE Vector Shape - Group","hd":false},{"ind":5,"ty":"sh","ix":6,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[11.884,-75.632],[11.884,-52.872],[4.129,-52.872],[4.129,-46.729],[25.378,-46.729],[25.378,-16.113],[31.522,-16.113],[31.522,-46.729],[50.555,-46.729],[50.555,-52.872],[33.234,-52.872],[33.234,-65.863],[48.138,-65.863],[48.138,-71.603],[33.234,-71.603],[33.234,-84.494],[27.09,-84.494],[27.09,-52.872],[17.624,-52.872],[17.624,-75.632]],"c":true},"ix":2},"nm":"频","mn":"ADBE Vector Shape - Group","hd":false}],"nm":"频","np":9,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}]},"fFamily":"Source Han Sans SC"}]}

@@ -16,12 +16,15 @@ struct ImageAndTextDetailPage {
     }
     }
   }
   }
 
 
-  pageTransition(){
-    // 定义页面进入时的效果，从右边侧滑入
-    PageTransitionEnter({ type: RouteType.None, duration: 300 })
+  pageTransition() {
+    // 为目标页面时，进入：从右边侧滑入，退出：是右侧划出；跳转别的页面：左侧划出，返回：左侧划入。
+    PageTransitionEnter({ type: RouteType.Push, duration: 300 })
       .slide(SlideEffect.Right)
       .slide(SlideEffect.Right)
-    // 定义页面退出时的效果，向右边侧滑出
-    PageTransitionExit({ type: RouteType.None, duration: 300 })
+    PageTransitionEnter({ type: RouteType.Pop, duration: 300 })
+      .slide(SlideEffect.Left)
+    PageTransitionExit({ type: RouteType.Push, duration: 300 })
+      .slide(SlideEffect.Left)
+    PageTransitionExit({ type: RouteType.Pop, duration: 300 })
       .slide(SlideEffect.Right)
       .slide(SlideEffect.Right)
   }
   }
 
 

@@ -3,11 +3,12 @@ import { BreakpointConstants } from 'wdConstant';
 
 
 import { HWLocationUtils, WDPushNotificationManager } from 'wdHwAbility/Index';
 import { HWLocationUtils, WDPushNotificationManager } from 'wdHwAbility/Index';
 import { common } from '@kit.AbilityKit';
 import { common } from '@kit.AbilityKit';
-import { BreakpointSystem, EmitterEventId, EmitterUtils, Logger, MpaasUpgradeCheck } from 'wdKit';
-import router from '@ohos.router';
-import { promptAction } from '@kit.ArkUI';
+import { BreakpointSystem, EmitterEventId, EmitterUtils, Logger, MpaasUpgradeCheck, WindowModel } from 'wdKit';
+import { promptAction, window } from '@kit.ArkUI';
 import { UpgradeTipDialog } from "./upgradePage/UpgradeTipDialog"
 import { UpgradeTipDialog } from "./upgradePage/UpgradeTipDialog"
 import { ProcessUtils } from 'wdRouter/Index';
 import { ProcessUtils } from 'wdRouter/Index';
+import { StartupManager } from '../startupmanager/StartupManager';
+import { BusinessError } from '@kit.BasicServicesKit';
 
 
 const TAG = 'MainPage';
 const TAG = 'MainPage';
 
 
@@ -17,7 +18,8 @@ struct MainPage {
   @Provide pageShow: number = -1
   @Provide pageShow: number = -1
   @Provide pageHide: number = -1
   @Provide pageHide: number = -1
   private breakpointSystem: BreakpointSystem = new BreakpointSystem()
   private breakpointSystem: BreakpointSystem = new BreakpointSystem()
-  @StorageLink('currentBreakpoint') @Watch('watchCurrentBreakpoint') currentBreakpoint: string = BreakpointConstants.BREAKPOINT_XS;
+  @StorageLink('currentBreakpoint') @Watch('watchCurrentBreakpoint') currentBreakpoint: string =
+    BreakpointConstants.BREAKPOINT_XS;
   @State isPermission: boolean = false
   @State isPermission: boolean = false
   upgradeDialogController?: CustomDialogController
   upgradeDialogController?: CustomDialogController
 
 
@@ -27,6 +29,8 @@ struct MainPage {
 
 
   aboutToAppear() {
   aboutToAppear() {
 
 
+    StartupManager.sharedInstance().appReachMainPage()
+
     this.breakpointSystem.register()
     this.breakpointSystem.register()
 
 
     let context = getContext(this) as common.UIAbilityContext
     let context = getContext(this) as common.UIAbilityContext
@@ -44,7 +48,7 @@ struct MainPage {
       LogoutViewModel.clearLoginInfo()
       LogoutViewModel.clearLoginInfo()
     })
     })
     EmitterUtils.receiveEvent(EmitterEventId.LOCATION, () => {
     EmitterUtils.receiveEvent(EmitterEventId.LOCATION, () => {
-      this.isPermission=true
+      this.isPermission = true
     })
     })
   }
   }
 
 
@@ -78,7 +82,7 @@ struct MainPage {
 
 
         this.upgradeDialogController = new CustomDialogController({
         this.upgradeDialogController = new CustomDialogController({
           builder: UpgradeTipDialog({
           builder: UpgradeTipDialog({
-            tipContent:data,
+            tipContent: data,
             confirm: () => {
             confirm: () => {
               ProcessUtils.jumpExternalWebPage(data.downloadUrl);
               ProcessUtils.jumpExternalWebPage(data.downloadUrl);
             }
             }
@@ -101,12 +105,26 @@ struct MainPage {
 
 
   onBackPress() {
   onBackPress() {
     Logger.info(TAG, 'onBackPress');
     Logger.info(TAG, 'onBackPress');
+    try {
+      // 拦截返回键，切到后台
+      const windowClass = WindowModel.shared.getWindowClass() as window.Window
+      windowClass.minimize().then(() => {
+        Logger.debug(TAG, 'Succeeded in minimizing the window.');
+      }).catch((err: BusinessError) => {
+        Logger.error(TAG, 'Failed to minimize the window. Cause: ' + JSON.stringify(err));
+        return false
+      });
+    } catch (err) {
+      Logger.error(TAG, 'Failed to minimize: ' + JSON.stringify(err));
+      return false
+    }
+    return true
   }
   }
 
 
   build() {
   build() {
-    Stack({alignContent:Alignment.Top}) {
+    Stack({ alignContent: Alignment.Top }) {
       BottomNavigationComponent()
       BottomNavigationComponent()
-      if(this.isPermission){
+      if (this.isPermission) {
         PermissionDesComponent()
         PermissionDesComponent()
       }
       }
     }
     }

@@ -18,11 +18,14 @@ struct SpacialTopicPage {
   }
   }
 
 
   pageTransition() {
   pageTransition() {
-    // 定义页面进入时的效果，从右边侧滑入
-    PageTransitionEnter({ type: RouteType.None, duration: 300 })
+    // 为目标页面时，进入：从右边侧滑入，退出：是右侧划出；跳转别的页面：左侧划出，返回：左侧划入。
+    PageTransitionEnter({ type: RouteType.Push, duration: 300 })
       .slide(SlideEffect.Right)
       .slide(SlideEffect.Right)
-    // 定义页面退出时的效果，向右边侧滑出
-    PageTransitionExit({ type: RouteType.None, duration: 300 })
+    PageTransitionEnter({ type: RouteType.Pop, duration: 300 })
+      .slide(SlideEffect.Left)
+    PageTransitionExit({ type: RouteType.Push, duration: 300 })
+      .slide(SlideEffect.Left)
+    PageTransitionExit({ type: RouteType.Pop, duration: 300 })
       .slide(SlideEffect.Right)
       .slide(SlideEffect.Right)
   }
   }
 
 

@@ -70,7 +70,7 @@ struct LaunchInterestsHobbiesPage {
                   .width('100%')
                   .width('100%')
                   .height('100%')
                   .height('100%')
                   .backgroundColor(Color.Gray)
                   .backgroundColor(Color.Gray)
-                  .opacity(item.choose?0.7:0)
+                  .opacity(item.choose?0.85:0)
                   .borderRadius(5)
                   .borderRadius(5)
               }
               }
 
 
@@ -134,7 +134,7 @@ struct LaunchInterestsHobbiesPage {
           .width('662lpx')
           .width('662lpx')
           .height('84lpx')
           .height('84lpx')
           .backgroundColor(Color.White)
           .backgroundColor(Color.White)
-          .opacity(this.selectCount == 0 ? 0.6 : 0)
+          .opacity(this.selectCount == 0 ? 0.3 : 0)
           .borderRadius('10lpx')
           .borderRadius('10lpx')
           .onClick(()=>{
           .onClick(()=>{
             if (this.selectCount == 0) {
             if (this.selectCount == 0) {

@@ -90,6 +90,9 @@ export class StartupManager {
   appReachMainPage() : Promise<void> {
   appReachMainPage() : Promise<void> {
     return new Promise((resolve) => {
     return new Promise((resolve) => {
       Logger.debug(TAG, "App 进入首页，开始其他任务初始化")
       Logger.debug(TAG, "App 进入首页，开始其他任务初始化")
+
+      LoginModule.reportDeviceInfo()
+
       //TODO:
       //TODO:
 
 
       resolve()
       resolve()
@@ -132,18 +135,18 @@ export class StartupManager {
   private initNetwork() {
   private initNetwork() {
     Logger.debug(TAG, "App 网络 初始化")
     Logger.debug(TAG, "App 网络 初始化")
     WDHttp.initHttpHeader()
     WDHttp.initHttpHeader()
-    // 注册监听网络连接
-    EmitterUtils.receiveEvent(EmitterEventId.NETWORK_CONNECTED, ((str?: string) => {
-      let type: NetworkType | null = null
-      if (str) {
-        type = JSON.parse(str) as NetworkType
-      }
-      Logger.info('network connected: ' + type?.toString())
-    }))
-    // 注册监听网络断开
-    EmitterUtils.receiveEvent(EmitterEventId.NETWORK_DISCONNECTED, (() => {
-      Logger.info('network disconnected')
-    }))
+    // 注册监听网络连接，没有实质业务意义，可删除
+    // EmitterUtils.receiveEvent(EmitterEventId.NETWORK_CONNECTED, ((str?: string) => {
+    //   let type: NetworkType | null = null
+    //   if (str) {
+    //     type = JSON.parse(str) as NetworkType
+    //   }
+    //   Logger.info('network connected: ' + type?.toString())
+    // }))
+    // // 注册监听网络断开
+    // EmitterUtils.receiveEvent(EmitterEventId.NETWORK_DISCONNECTED, (() => {
+    //   Logger.info('network disconnected')
+    // }))
   }
   }
 
 
   private initCheckDeviceId() {
   private initCheckDeviceId() {

+import { insightIntent, InsightIntentExecutor } from '@kit.AbilityKit';
+import { window } from '@kit.ArkUI';
+import { BusinessError } from '@kit.BasicServicesKit';
+
+/**
+ * 意图调用
+ */
+export default class InsightIntentExecutorImpl extends InsightIntentExecutor {
+  private static readonly ViewColumn = 'ViewColumn';
+  /**
+   * override 执行前台UIAbility意图
+   *
+   * @param name 意图名称
+   * @param param 意图参数
+   * @param pageLoader 窗口
+   * @returns 意图调用结果
+   */
+  onExecuteInUIAbilityForegroundMode(name: string, param: Record<string, Object>, pageLoader: window.WindowStage):
+    Promise<insightIntent.ExecuteResult> {
+    // 根据意图名称分发处理逻辑
+    switch (name) {
+      case InsightIntentExecutorImpl.ViewColumn:
+        return this.jumpToView(param, pageLoader);
+      default:
+        break;
+    }
+    return Promise.resolve({
+      code: -1,
+      result: {
+        message: 'unknown intent'
+      }
+    } as insightIntent.ExecuteResult)
+  }
+  /**
+   * 实现跳转新闻页面功能
+   *
+   * @param param 意图参数
+   * @param pageLoader 窗口
+   */
+  private jumpToView(param: Record<string, Object>, pageLoader: window.WindowStage): Promise<insightIntent.ExecuteResult> {
+    return new Promise((resolve, reject) => {
+      // TODO 实现意图调用，loadContent的入参为歌曲落地页路径，例如：pages/SongPage
+      pageLoader.loadContent('pages/MainPage')
+        .then(() => {
+          let entityId: string = (param.items as Array<object>)?.[0]?.['entityId'];
+          // TODO 调用成功的情况，此处可以打印日志
+          resolve({
+            code: 0,
+            result: {
+              message: 'Intent execute success'
+            }
+          });
+        })
+        .catch((err: BusinessError) => {
+          // TODO 调用失败的情况
+          resolve({
+            code: -1,
+            result: {
+              message: 'Intent execute failed'
+            }
+          })
+        });
+    })
+  }
+}

+{
+  "insightIntents": [
+    {
+      "intentName": "ViewColumn",
+      "domain": "",
+      "intentVersion": "1.0.1",
+      "srcEntry": "./ets/utils/InsightIntentExecutorImpl.ets",
+      "uiAbility": {
+        "ability": "EntryAbility",
+        "executeMode": [
+          "background",
+          "foreground"
+        ]
+      }
+    }
+  ]
+}