Merge remote-tracking branch 'origin/main'

 import { Action } from './Action';
 import { Action } from './Action';
 
 
+interface IImgItem {
+  pic: string
+  width: number
+  height: number
+}
+
+export interface IImgListData {
+  imgIndex: number
+  imgArr: IImgItem[]
+}
+
 interface dataObject {
 interface dataObject {
   // dataSource:
   // dataSource:
   // 1、图文详情数据
   // 1、图文详情数据
@@ -13,7 +24,7 @@ interface dataObject {
   // 9、活动投稿 视频跳转
   // 9、活动投稿 视频跳转
   // 10、活动投稿 动态跳转
   // 10、活动投稿 动态跳转
   // 11、活动投稿 图集跳转
   // 11、活动投稿 图集跳转
-  dataSource: number
+  dataSource: string
   operateType?: string
   operateType?: string
   webViewHeight?: string
   webViewHeight?: string
   dataJson?: string
   dataJson?: string
@@ -21,6 +32,13 @@ interface dataObject {
   method?: string
   method?: string
   url?: string
   url?: string
   parameters?: object
   parameters?: object
+  videoUrl?: string
+  positionWidth?: string
+  positionHeight?: string
+  positionLeft?: string
+  positionTop?: string
+  videoLandscape?: string
+  imgListData?: string
 }
 }
 
 
 /**
 /**

@@ -6,41 +6,34 @@ import { SPHelper } from './SPHelper'
 import { StringUtils } from './StringUtils'
 import { StringUtils } from './StringUtils'
 
 
 export class UserDataLocal {
 export class UserDataLocal {
-  public static userId=''
-  public static userType=''
-  public static token=''
-  public static userName=''
-
-  public static userHeaderUrl=''
-  public static userLevel = -1
-  public static userLevelHeaderUrl=''
+  private static userId=''
+  private static userType=''
+  private static userName=''
+  private static userHeaderUrl=''
+  private static userLevel = -1
+  private static userLevelHeaderUrl=''
 
 
   //先写死
   //先写死
   static  USER_ID="userId"
   static  USER_ID="userId"
   static  USER_Type="userType"
   static  USER_Type="userType"
-  static  USER_JWT_TOKEN="jwtToken"
   static  USER_NAME="userName"
   static  USER_NAME="userName"
-
   static  USER_HEADER_URL="userHeaderUrl"
   static  USER_HEADER_URL="userHeaderUrl"
   static  USER_LEVEL="userLevel"
   static  USER_LEVEL="userLevel"
   static  USER_LEVEL_HEADER_URL="userLevelHeaderUrl"
   static  USER_LEVEL_HEADER_URL="userLevelHeaderUrl"
-  static  USER_FOLLOW_OPERATION="user_follow_operation"
-
-  //刷新token 用到
-  static  USER_REFRESH_TOKEN="refreshToken"
 
 
+  static  USER_FOLLOW_OPERATION="user_follow_operation"
 
 
   /**
   /**
    * 清除 本地用户数据
    * 清除 本地用户数据
    */
    */
   public static clearUserData(){
   public static clearUserData(){
-    SPHelper.default.deleteSync(UserDataLocal.USER_ID)
-    SPHelper.default.deleteSync(UserDataLocal.USER_Type)
-    SPHelper.default.deleteSync(UserDataLocal.USER_JWT_TOKEN) //待确认
-    SPHelper.default.deleteSync(UserDataLocal.USER_NAME)
-    SPHelper.default.deleteSync(UserDataLocal.USER_HEADER_URL)
-    SPHelper.default.deleteSync(UserDataLocal.USER_LEVEL)
-    SPHelper.default.deleteSync(UserDataLocal.USER_LEVEL_HEADER_URL)
+    UserDataLocal.userId=''
+    UserDataLocal.userType=''
+    UserDataLocal.userName=''
+
+    UserDataLocal.userHeaderUrl=''
+    UserDataLocal.userLevel = -1
+    UserDataLocal.userLevelHeaderUrl=''
   }
   }
 
 
   public static getUserId() {
   public static getUserId() {
@@ -59,17 +52,6 @@ export class UserDataLocal {
     return UserDataLocal.userType;
     return UserDataLocal.userType;
   }
   }
 
 
-  private static getXToken() {
-    if(StringUtils.isNotEmpty(UserDataLocal.token)){
-      return UserDataLocal.token
-    }
-    UserDataLocal.token = SPHelper.default.getSync(UserDataLocal.USER_JWT_TOKEN,"") as string
-    if(StringUtils.isNotEmpty(UserDataLocal.token)) {
-      return  UserDataLocal.token
-    }
-    return 'eyJhbGciOiJIUzI1NiIsImtpZCI6ImQ4WkI2QkhxSEZrdjJ2U25BNlRwZEdKRjBHcjItVzBvS2FaYzdLOUUycmcifQ.eyJpc3MiOiJwZW9wbGVzLWRhaWx5LWZvdXJhIiwic3ViIjoicGVvcGxlcy1kYWlseS1mb3VyYSIsImV4cCI6MTcwMzY0OTYwNiwidXNlcklkIjo0NTk3NzYyOTc0NzQ5NDksInVzZXJWZXJzaW9uIjoiNDU5Nzc2Mjk3NDc0OTQ5XzIiLCJ1c2VyTmFtZSI6IkJ1bGlraWtpMTgxIiwidXNlclR5cGUiOjIsImNyZWF0b3JJZCI6NDI2NTM5MH0.jhQ9kylcm3FxWf0-lBMZuLkdtIQ6XpFnAi0AFZJNwfc';
-  }
-
   public static getUserName() {
   public static getUserName() {
     if(StringUtils.isNotEmpty(UserDataLocal.userName)){
     if(StringUtils.isNotEmpty(UserDataLocal.userName)){
       return UserDataLocal.userName
       return UserDataLocal.userName
@@ -118,4 +100,5 @@ export class UserDataLocal {
   public static setUserLevelHeaderUrl(url:string) {
   public static setUserLevelHeaderUrl(url:string) {
     SPHelper.default.save(UserDataLocal.USER_LEVEL_HEADER_URL, url)
     SPHelper.default.save(UserDataLocal.USER_LEVEL_HEADER_URL, url)
   }
   }
+
 }
 }

@@ -8,3 +8,5 @@ export { HttpUrlUtils } from "./src/main/ets/http/HttpUrlUtils"
 
 
 export { HttpBizUtil } from "./src/main/ets/http/HttpBizUtil"
 export { HttpBizUtil } from "./src/main/ets/http/HttpBizUtil"
 
 
+export { HostEnum, HostManager } from "./src/main/ets/http/HttpHostManager"
+

+import { SpConstants } from 'wdConstant';
+import { SPHelper, StringUtils } from 'wdKit';
+import { HostEnum, HostManager } from './HttpHostManager';
+
+/**
+ * 网络请求参数工具类
+ */
+export class HttpParams {
+  private static userId = ''
+  private static userType = ''
+  private static token = ''
+
+  static buildHeaders(): Record<string, string> {
+    let headers: Record<string, string> = {};
+    // 通用请求头
+    headers['User-Agent'] = 'Dalvik/2.1.0 (Linux; U; Android 13; 22101317C Build/TKQ1.221013.002)'
+    headers['channel'] = HttpParams.getChannel()
+    headers['plat'] = HttpParams.getPlat()
+    headers['Content-Type'] = 'application/json; charset=utf-8'
+    headers['timestamp'] = HttpParams.getTimestamp()
+    headers['RMRB-X-TOKEN'] = HttpParams.getXToken()
+    headers['device_id'] = HttpParams.getDeviceId()
+    if (HttpParams.getXToken() != '') {
+      headers['cookie'] = 'RMRB-X-TOKEN=' + HttpParams.getXToken()
+    }
+    headers['build_version'] = HttpParams.getVersion()
+    headers['adcode'] = HttpParams.getAdCode()
+    headers['os_version'] = HttpParams.getOsVersion()
+    headers['versionCode'] = HttpParams.getVersionCode()
+    headers['system'] = HttpParams.getTerminalId()
+    headers['version_name'] = HttpParams.getVersionName()
+    headers['EagleEye-TraceID'] = 'D539562E48554A60977AF4BECB6D6C7A'
+    headers['imei'] = HttpParams.getImei()
+    headers['Accept-Language'] = 'zh'
+    HttpParams.setLocationHeader(headers)
+    // // TODO 判断是否登录
+    headers['userId'] = HttpParams.getUserId()
+    headers['userType'] = HttpParams.getUserType()
+    //
+    headers['mpassid'] = 'ZbHTMeTsfaYDAHqt8ZHIzcPs'
+    HttpParams.addSpecialHeaders(headers);
+    return headers;
+  }
+
+  static addSpecialHeaders(headers: Record<string, string>) {
+    switch (HostManager.getHost()) {
+      case HostEnum.HOST_UAT:
+        headers['X-Ca-Stage'] = 'PRE'
+        headers['Authorization'] = 'APPCODE 83092caa603a421aa0222308b3f6b27a'
+        headers['appCode'] = '83092caa603a421aa0222308b3f6b27a'
+        break
+      case HostEnum.HOST_SIT:
+        headers['X-Ca-Stage'] = 'TEST'
+        headers['Authorization'] = 'APPCODE 0af1f9085e484c97b2a44704bae72c07'
+        headers['appCode'] = '0af1f9085e484c97b2a44704bae72c07'
+        break
+      case HostEnum.HOST_PRODUCT:
+        headers['X-Ca-Stage'] = 'RELEASE'
+        headers['Authorization'] = 'APPCODE 3d4181bceeb94d9780e10dbb6c67bbf6'
+        headers['appCode'] = '3d4181bceeb94d9780e10dbb6c67bbf6'
+        break
+      case HostEnum.HOST_DEV:
+        headers['X-Ca-Stage'] = 'TEST'
+        headers['Authorization'] = 'APPCODE ff33172859e14f9a8299e3bd769e79f9'
+        headers['appCode'] = 'ff33172859e14f9a8299e3bd769e79f9'
+        break
+      default:
+        break
+    }
+  }
+
+  static setLocationHeader(headers: Record<string, string>) {
+    let cityName = SPHelper.default.getSync(SpConstants.LOCATION_CITY_NAME, '') as string
+    if (StringUtils.isNotEmpty(cityName)) {
+      headers['city'] = encodeURI(cityName)
+    }
+    let cityCode = SPHelper.default.getSync(SpConstants.LOCATION_CITY_CODE, '') as string
+    if (StringUtils.isNotEmpty(cityCode)) {
+      headers['city_dode'] = encodeURI(cityCode)
+    }
+  }
+
+  private static getCity() {
+    // TODO 对接定位
+    return '%E5%90%88%E8%82%A5%E5%B8%82';
+  }
+
+  private static getChannel() {
+    // TODO 对接配置
+    return 'rmrb_china_0000';
+  }
+
+  private static getPlat() {
+    return 'Phone';
+  }
+
+  private static getTimestamp() {
+    // return DateTimeUtils.getCurrentTime() + '';
+    // TODO 暂时写死，有些page 真实时间戳 返回数据为空
+    return '155203523';
+  }
+
+  private static getXToken() {
+    if (StringUtils.isNotEmpty(HttpParams.token)) {
+      return HttpParams.token
+    }
+    HttpParams.token = SPHelper.default.getSync(SpConstants.USER_JWT_TOKEN, "") as string
+    if (StringUtils.isNotEmpty(HttpParams.token)) {
+      return HttpParams.token
+    }
+    // return 'eyJhbGciOiJIUzI1NiIsImtpZCI6ImQ4WkI2QkhxSEZrdjJ2U25BNlRwZEdKRjBHcjItVzBvS2FaYzdLOUUycmcifQ.eyJpc3MiOiJwZW9wbGVzLWRhaWx5LWZvdXJhIiwic3ViIjoicGVvcGxlcy1kYWlseS1mb3VyYSIsImV4cCI6MTcwMzY0OTYwNiwidXNlcklkIjo0NTk3NzYyOTc0NzQ5NDksInVzZXJWZXJzaW9uIjoiNDU5Nzc2Mjk3NDc0OTQ5XzIiLCJ1c2VyTmFtZSI6IkJ1bGlraWtpMTgxIiwidXNlclR5cGUiOjIsImNyZWF0b3JJZCI6NDI2NTM5MH0.jhQ9kylcm3FxWf0-lBMZuLkdtIQ6XpFnAi0AFZJNwfc';
+    return ''
+  }
+
+  static getRefreshToken(): string {
+    let refreshToken = SPHelper.default.getSync(SpConstants.USER_REFRESH_TOKEN, "")
+    if (StringUtils.isNotEmpty(refreshToken)) {
+      return refreshToken as string;
+    }
+    return '';
+  }
+
+  public static getDeviceId() {
+    // TODO
+    return '8a81226a-cabd-3e1b-b630-b51db4a720ed';
+  }
+
+  private static getVersion() {
+    // TODO
+    return '202401242103';
+  }
+
+  private static getVersionCode() {
+    // TODO
+    return '7301';
+  }
+
+  private static getVersionName() {
+    // TODO
+    return '7.3.0.1';
+  }
+
+  private static getAdCode() {
+    return '340000';
+  }
+
+  private static getOsVersion() {
+    // TODO
+    return '12';
+  }
+
+  public static getCityCode() {
+    // TODO
+    return '340100';
+  }
+
+  public static getProvinceCode() {
+    // TODO
+    return '340000';
+  }
+
+  /**
+   * 地区code
+   */
+  public static getDistrictCode() {
+    // TODO
+    return '340103';
+  }
+
+  private static getTerminalId() {
+    return 'Android';
+  }
+
+  public static getImei() {
+    // TODO
+    return '8a81226a-cabd-3e1b-b630-b51db4a720ed';
+  }
+
+  public static getUserId(): string {
+    // TODO 对接登录
+    if (StringUtils.isNotEmpty(HttpParams.userId)) {
+      return HttpParams.userId
+    }
+    HttpParams.userId = SPHelper.default.getSync(SpConstants.USER_ID, "") as string
+    return HttpParams.userId;
+  }
+
+  public static getUserType() {
+    if (StringUtils.isNotEmpty(HttpParams.userType)) {
+      return HttpParams.userType
+    }
+    HttpParams.userType = SPHelper.default.getSync(SpConstants.USER_Type, "") as string
+    return HttpParams.userType;
+  }
+
+  public static setUserId(userId: string) {
+    HttpParams.userId = userId;
+  }
+
+  public static setUserType(userType: string) {
+    HttpParams.userType = userType;
+  }
+
+  public static setUserToken(token: string) {
+    HttpParams.token = token;
+  }
+}

+export enum HostEnum {
+  /**
+   * uat环境url
+   */
+  HOST_UAT = 'https://pd-apis-uat.pdnews.cn',
+  /**
+   * 中文端sit环境
+   */
+  HOST_SIT = 'https://pd-apis-sit.pdnews.cn',
+  /**
+   * dev环境url
+   */
+  HOST_DEV = 'https://pd-apis-dev.pdnews.cn',
+  /**
+   * 正式环境url
+   */
+  HOST_PRODUCT = 'https://pdapis.pdnews.cn',
+}
+
+/**
+ * 环境host管理工具类
+ */
+export class HostManager {
+  private static _hostUrl: HostEnum = HostEnum.HOST_PRODUCT;
+
+  static changeHost(host: HostEnum) {
+    HostManager._hostUrl = host;
+  }
+
+  static getHost(): string {
+    return HostManager._hostUrl;
+  }
+}

 import ArrayList from '@ohos.util.ArrayList';
 import ArrayList from '@ohos.util.ArrayList';
 import service from './AxiosRequest';
 import service from './AxiosRequest';
-import { HttpUtils } from '../utils/HttpUtils';
 import { AxiosError, AxiosHeaders, AxiosRequestConfig, RawAxiosRequestHeaders } from '@ohos/axios';
 import { AxiosError, AxiosHeaders, AxiosRequestConfig, RawAxiosRequestHeaders } from '@ohos/axios';
 import { ResponseDTO } from '../bean/ResponseDTO';
 import { ResponseDTO } from '../bean/ResponseDTO';
 import HashMap from '@ohos.util.HashMap';
 import HashMap from '@ohos.util.HashMap';
+import { HttpParams } from './HttpCommonParams';
 
 
 export class HttpRequest {
 export class HttpRequest {
   private static globalHeaderProviders: ArrayList<() => Record<string, string>> = new ArrayList();
   private static globalHeaderProviders: ArrayList<() => Record<string, string>> = new ArrayList();
@@ -14,7 +14,7 @@ export class HttpRequest {
 
 
   static initHttpHeader() {
   static initHttpHeader() {
     HttpRequest.addGlobalHeaderProvider(() => {
     HttpRequest.addGlobalHeaderProvider(() => {
-      return HttpUtils.buildHeaders();
+      return HttpParams.buildHeaders();
     })
     })
   }
   }
 
 
@@ -34,15 +34,17 @@ export class HttpRequest {
 
 
   static buildHeaderWithGlobalHeader(headers?: HashMap<string, string>): AxiosHeaders {
   static buildHeaderWithGlobalHeader(headers?: HashMap<string, string>): AxiosHeaders {
     let commonHeader: AxiosHeaders = new AxiosHeaders()
     let commonHeader: AxiosHeaders = new AxiosHeaders()
-    headers?.forEach((v, k) => {
-      commonHeader.set(k, v);
-    });
+
     HttpRequest.globalHeaderProviders.forEach((func) => {
     HttpRequest.globalHeaderProviders.forEach((func) => {
       let headers = func();
       let headers = func();
       for (const obj of Object.entries(headers)) {
       for (const obj of Object.entries(headers)) {
         commonHeader.set(obj[0], obj[1]);
         commonHeader.set(obj[0], obj[1]);
       }
       }
     })
     })
+    // 业务headers，覆盖common（如果有冲突的话，取业务）
+    headers?.forEach((v, k) => {
+      commonHeader.set(k, v);
+    });
     if (!commonHeader.get('Content-Type')) {
     if (!commonHeader.get('Content-Type')) {
       commonHeader.set('Content-Type', 'application/json;charset=utf-8');
       commonHeader.set('Content-Type', 'application/json;charset=utf-8');
     }
     }
@@ -56,24 +58,13 @@ export class HttpRequest {
     return service.get(url, config)
     return service.get(url, config)
   }
   }
 
 
-  static post0<T = ResponseDTO<string>>(url: string, data?: object, headers?: HashMap<string, string>): Promise<T> {
+  static post<T = ResponseDTO<string>>(url: string, data?: object, headers?: HashMap<string, string>): Promise<T> {
     let config: AxiosRequestConfig = {
     let config: AxiosRequestConfig = {
       headers: HttpRequest.buildHeaderWithGlobalHeader(headers)
       headers: HttpRequest.buildHeaderWithGlobalHeader(headers)
     }
     }
     return service.post(url, data, config)
     return service.post(url, data, config)
   }
   }
 
 
-  static post<T = object>(url: string, data1?: object, headers?: HashMap<string, string>): Promise<T> {
-    let requestHeaders: AxiosHeaders = new AxiosHeaders()
-    headers?.forEach((v, k) => {
-      requestHeaders.set(k, v);
-    });
-    let config: AxiosRequestConfig = {
-      headers: requestHeaders as RawAxiosRequestHeaders,
-    }
-    return service.post(url, data1, config)
-  }
-
   static put<T = ResponseDTO<string>>(url: string, data?: object, headers?: HashMap<string, string>): Promise<T> {
   static put<T = ResponseDTO<string>>(url: string, data?: object, headers?: HashMap<string, string>): Promise<T> {
     let config: AxiosRequestConfig = {
     let config: AxiosRequestConfig = {
       headers: HttpRequest.buildHeaderWithGlobalHeader(headers)
       headers: HttpRequest.buildHeaderWithGlobalHeader(headers)

 import HashMap from '@ohos.util.HashMap';
 import HashMap from '@ohos.util.HashMap';
 import { SpConstants } from 'wdConstant';
 import { SpConstants } from 'wdConstant';
 import { SPHelper, StringUtils } from 'wdKit';
 import { SPHelper, StringUtils } from 'wdKit';
+import { HostEnum, HostManager } from './HttpHostManager';
 
 
 /**
 /**
  * 网络请求业务侧工具类
  * 网络请求业务侧工具类
  */
  */
 export class HttpUrlUtils {
 export class HttpUrlUtils {
   /**
   /**
-   * uat环境url
-   */
-  static readonly HOST_UAT: string = "https://pd-apis-uat.pdnews.cn";
-  /**
-   * 中文端sit环境
-   */
-  static readonly HOST_SIT: string = "https://pd-apis-sit.pdnews.cn";
-  /**
-   * 正式环境url
-   */
-  static readonly HOST_PRODUCT: string = "https://pdapis.pdnews.cn";
-  /**
-   * dev环境url
-   */
-  static readonly HOST_DEV: string = "https://pd-apis-dev.pdnews.cn";
-  /**
    * 启动接口（底导接口）
    * 启动接口（底导接口）
    */
    */
   static readonly BOTTOM_NAV_PATH: string = "/api/rmrb-bff-display-zh/display/zh/c/bottomNavGroup";
   static readonly BOTTOM_NAV_PATH: string = "/api/rmrb-bff-display-zh/display/zh/c/bottomNavGroup";
@@ -293,21 +278,14 @@ export class HttpUrlUtils {
    * 获取启动页相关数据
    * 获取启动页相关数据
    */
    */
   static readonly LAUNCH_PAGE_PATH: string = "/api/rmrb-bff-display-zh/display/zh/c/launchPage";
   static readonly LAUNCH_PAGE_PATH: string = "/api/rmrb-bff-display-zh/display/zh/c/launchPage";
-  private static _hostUrl: string = HttpUrlUtils.HOST_PRODUCT;
   /**
   /**
    * 推荐列表
    * 推荐列表
    */
    */
   static readonly RECOMMEND_LIST: string = "/api/rmrb-bff-display-zh/recommend/zh/c/list";
   static readonly RECOMMEND_LIST: string = "/api/rmrb-bff-display-zh/recommend/zh/c/list";
-
   /**
   /**
    * 搜索推荐
    * 搜索推荐
    */
    */
   static readonly SEARCH_SUGGEST_DATA_PATH: string = "/api/rmrb-bff-display-zh/recommend/zh/c/list";
   static readonly SEARCH_SUGGEST_DATA_PATH: string = "/api/rmrb-bff-display-zh/recommend/zh/c/list";
-
-  public static set hostUrl(value: string) {
-    HttpUrlUtils._hostUrl = value;
-  }
-
   private static userId = ''
   private static userId = ''
   private static userType = ''
   private static userType = ''
   private static token = ''
   private static token = ''
@@ -354,24 +332,24 @@ export class HttpUrlUtils {
   }
   }
 
 
   static addSpecialHeaders(headers: HashMap<string, string>) {
   static addSpecialHeaders(headers: HashMap<string, string>) {
-    switch (HttpUrlUtils._hostUrl) {
-      case HttpUrlUtils.HOST_UAT:
+    switch (HostManager.getHost()) {
+      case HostEnum.HOST_UAT:
       // TODO 待优化到常量类里
       // TODO 待优化到常量类里
         headers.set('X-Ca-Stage', 'PRE');
         headers.set('X-Ca-Stage', 'PRE');
         headers.set('Authorization', 'APPCODE 83092caa603a421aa0222308b3f6b27a');
         headers.set('Authorization', 'APPCODE 83092caa603a421aa0222308b3f6b27a');
         headers.set('appCode', '83092caa603a421aa0222308b3f6b27a');
         headers.set('appCode', '83092caa603a421aa0222308b3f6b27a');
         break
         break
-      case HttpUrlUtils.HOST_SIT:
+      case HostEnum.HOST_SIT:
         headers.set('X-Ca-Stage', 'TEST');
         headers.set('X-Ca-Stage', 'TEST');
         headers.set('Authorization', 'APPCODE 0af1f9085e484c97b2a44704bae72c07');
         headers.set('Authorization', 'APPCODE 0af1f9085e484c97b2a44704bae72c07');
         headers.set('appCode', '0af1f9085e484c97b2a44704bae72c07');
         headers.set('appCode', '0af1f9085e484c97b2a44704bae72c07');
         break
         break
-      case HttpUrlUtils.HOST_PRODUCT:
+      case HostEnum.HOST_PRODUCT:
         headers.set('X-Ca-Stage', 'RELEASE');
         headers.set('X-Ca-Stage', 'RELEASE');
         headers.set('Authorization', 'APPCODE 3d4181bceeb94d9780e10dbb6c67bbf6');
         headers.set('Authorization', 'APPCODE 3d4181bceeb94d9780e10dbb6c67bbf6');
         headers.set('appCode', '3d4181bceeb94d9780e10dbb6c67bbf6');
         headers.set('appCode', '3d4181bceeb94d9780e10dbb6c67bbf6');
         break
         break
-      case HttpUrlUtils.HOST_DEV:
+      case HostEnum.HOST_DEV:
         headers.set('X-Ca-Stage', 'TEST');
         headers.set('X-Ca-Stage', 'TEST');
         headers.set('Authorization', 'APPCODE ff33172859e14f9a8299e3bd769e79f9');
         headers.set('Authorization', 'APPCODE ff33172859e14f9a8299e3bd769e79f9');
         headers.set('appCode', 'ff33172859e14f9a8299e3bd769e79f9');
         headers.set('appCode', 'ff33172859e14f9a8299e3bd769e79f9');
@@ -392,8 +370,8 @@ export class HttpUrlUtils {
     }
     }
   }
   }
 
 
-  static getHost() {
-    return HttpUrlUtils._hostUrl;
+  static getHost(): string {
+    return HostManager.getHost();
   }
   }
 
 
   private static getCity() {
   private static getCity() {
@@ -487,7 +465,7 @@ export class HttpUrlUtils {
     return 'Android';
     return 'Android';
   }
   }
 
 
-  public  static getImei() {
+  public static getImei() {
     // TODO
     // TODO
     return '8a81226a-cabd-3e1b-b630-b51db4a720ed';
     return '8a81226a-cabd-3e1b-b630-b51db4a720ed';
   }
   }
@@ -510,48 +488,48 @@ export class HttpUrlUtils {
   }
   }
 
 
   static getVerifyCodeUrl() {
   static getVerifyCodeUrl() {
-    let url = HttpUrlUtils._hostUrl + "/api/rmrb-user-center/auth/zh/c/sendVerifyCode";
+    let url = HttpUrlUtils.getHost() + "/api/rmrb-user-center/auth/zh/c/sendVerifyCode";
     return url;
     return url;
   }
   }
 
 
   static getVerifyCodeByTokenUrl() {
   static getVerifyCodeByTokenUrl() {
-    let url = HttpUrlUtils._hostUrl + "/api/rmrb-user-center/user/zh/c/sendVerifyCodeByToken";
+    let url = HttpUrlUtils.getHost() + "/api/rmrb-user-center/user/zh/c/sendVerifyCodeByToken";
     return url;
     return url;
   }
   }
 
 
   static getCheckVerifyCodeByToken() {
   static getCheckVerifyCodeByToken() {
-    let url = HttpUrlUtils._hostUrl + "/api/rmrb-user-center/user/zh/c/checkVerifyCodeByToken";
+    let url = HttpUrlUtils.getHost() + "/api/rmrb-user-center/user/zh/c/checkVerifyCodeByToken";
     return url;
     return url;
   }
   }
 
 
 
 
   static getForgetPasswordUrl() {
   static getForgetPasswordUrl() {
-    let url = HttpUrlUtils._hostUrl + "/api/rmrb-user-center/user/zh/c/forgotPassword";
+    let url = HttpUrlUtils.getHost() + "/api/rmrb-user-center/user/zh/c/forgotPassword";
     return url;
     return url;
   }
   }
 
 
   static getLogoutUrl() {
   static getLogoutUrl() {
-    let url = HttpUrlUtils._hostUrl + "/api/rmrb-user-center/user/zh/c/appLogout";
+    let url = HttpUrlUtils.getHost() + "/api/rmrb-user-center/user/zh/c/appLogout";
     return url;
     return url;
   }
   }
 
 
   static getRefreshTokenUrl() {
   static getRefreshTokenUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.REFRESH_TOKEN_PATH;
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.REFRESH_TOKEN_PATH;
     return url;
     return url;
   }
   }
 
 
   static getResetPassworddUrl() {
   static getResetPassworddUrl() {
-    let url = HttpUrlUtils._hostUrl + "/api/rmrb-user-center/user/zh/c/resetPassword";
+    let url = HttpUrlUtils.getHost() + "/api/rmrb-user-center/user/zh/c/resetPassword";
     return url;
     return url;
   }
   }
 
 
   static queryUserDetail() {
   static queryUserDetail() {
-    let url = HttpUrlUtils._hostUrl + "/api/rmrb-user-center/user/zh/c/queryUserDetail";
+    let url = HttpUrlUtils.getHost() + "/api/rmrb-user-center/user/zh/c/queryUserDetail";
     return url;
     return url;
   }
   }
 
 
   static editUserDetail() {
   static editUserDetail() {
-    let url = HttpUrlUtils._hostUrl + "/api/rmrb-user-center/user/zh/c/editUserDetail";
+    let url = HttpUrlUtils.getHost() + "/api/rmrb-user-center/user/zh/c/editUserDetail";
     return url;
     return url;
   }
   }
 
 
@@ -561,308 +539,315 @@ export class HttpUrlUtils {
   }
   }
 
 
   static getCheckVerifyCodeUrl() {
   static getCheckVerifyCodeUrl() {
-    let url = HttpUrlUtils._hostUrl + "/api/rmrb-user-center/auth/zh/c/checkVerifyCode";
+    let url = HttpUrlUtils.getHost() + "/api/rmrb-user-center/auth/zh/c/checkVerifyCode";
     return url;
     return url;
   }
   }
 
 
   static getAgreement() {
   static getAgreement() {
-    let url = HttpUrlUtils._hostUrl + "/api/rmrb-bff-display-zh/display/zh/c/agreement";
+    let url = HttpUrlUtils.getHost() + "/api/rmrb-bff-display-zh/display/zh/c/agreement";
     return url;
     return url;
   }
   }
 
 
   static getCheckVerifyByTokenCodeUrl() {
   static getCheckVerifyByTokenCodeUrl() {
-    let url = HttpUrlUtils._hostUrl + "/api/rmrb-user-center/auth/zh/c/checkVerifyCodeByToken";
+    let url = HttpUrlUtils.getHost() + "/api/rmrb-user-center/auth/zh/c/checkVerifyCodeByToken";
     return url;
     return url;
   }
   }
 
 
 
 
   /*优质评论页*/
   /*优质评论页*/
   static getQualityCommentUrl() {
   static getQualityCommentUrl() {
-    let url = HttpUrlUtils._hostUrl + "/api/rmrb-comment/comment/zh/c/highQuality";
+    let url = HttpUrlUtils.getHost() + "/api/rmrb-comment/comment/zh/c/highQuality";
 
 
     return url
     return url
   }
   }
 
 
   /*获取详情页评论列表*/
   /*获取详情页评论列表*/
   static getContentCommentListDataUrl() {
   static getContentCommentListDataUrl() {
-    let url = HttpUrlUtils._hostUrl + "/api/rmrb-comment/comment/zh/c/contentCommentList"
+    let url = HttpUrlUtils.getHost() + "/api/rmrb-comment/comment/zh/c/contentCommentList"
     return url
     return url
   }
   }
 
 
   /*获取子评论列表*/
   /*获取子评论列表*/
   static getChildContentCommentListDataUrl() {
   static getChildContentCommentListDataUrl() {
-    let url = HttpUrlUtils._hostUrl + "/api/rmrb-comment/comment/zh/c/childCommentList"
+    let url = HttpUrlUtils.getHost() + "/api/rmrb-comment/comment/zh/c/childCommentList"
     return url
     return url
   }
   }
 
 
   /*评论状态*/
   /*评论状态*/
   static getBatchCommentStatusUrl() {
   static getBatchCommentStatusUrl() {
-    let url = HttpUrlUtils._hostUrl + "/api/rmrb-comment/comment/zh/c/batchCommentStatus"
+    let url = HttpUrlUtils.getHost() + "/api/rmrb-comment/comment/zh/c/batchCommentStatus"
     return url
     return url
   }
   }
 
 
   /*评论点赞*/
   /*评论点赞*/
   static getCommentLikeUrl() {
   static getCommentLikeUrl() {
-    let url = HttpUrlUtils._hostUrl + "/api/rmrb-comment/comment/zh/c/commentLike"
+    let url = HttpUrlUtils.getHost() + "/api/rmrb-comment/comment/zh/c/commentLike"
     return url
     return url
   }
   }
 
 
   /*发布评论*/
   /*发布评论*/
   static getPublishCommentUrl() {
   static getPublishCommentUrl() {
-    let url = HttpUrlUtils._hostUrl + "/api/rmrb-comment/comment/zh/c/publish"
+    let url = HttpUrlUtils.getHost() + "/api/rmrb-comment/comment/zh/c/publish"
     return url
     return url
   }
   }
 
 
   /*游客发布评论*/
   /*游客发布评论*/
   static getNoUserPublishCommentUrl() {
   static getNoUserPublishCommentUrl() {
-    let url = HttpUrlUtils._hostUrl + "/api/rmrb-comment/comment/zh/c/commentLike"
+    let url = HttpUrlUtils.getHost() + "/api/rmrb-comment/comment/zh/c/commentLike"
     return url
     return url
   }
   }
 
 
   /*levleIcon*/
   /*levleIcon*/
   static getBatchUserUrl() {
   static getBatchUserUrl() {
-    let url = HttpUrlUtils._hostUrl + "/api/rmrb-user-point/auth/level/zh/c/batchUser"
+    let url = HttpUrlUtils.getHost() + "/api/rmrb-user-point/auth/level/zh/c/batchUser"
     return url
     return url
   }
   }
 
 
   /*authIcon 20个一次上限*/
   /*authIcon 20个一次上限*/
   static getDetailListUrl() {
   static getDetailListUrl() {
-    let url = HttpUrlUtils._hostUrl + "/api/rmrb-contact/contact/zh/c/master/detailList"
+    let url = HttpUrlUtils.getHost() + "/api/rmrb-contact/contact/zh/c/master/detailList"
     return url
     return url
   }
   }
 
 
 
 
   //账户注销
   //账户注销
   static accountLogoutUrl() {
   static accountLogoutUrl() {
-    let url = HttpUrlUtils._hostUrl + "/api/rmrb-user-center/user/zh/c/logoff";
+    let url = HttpUrlUtils.getHost() + "/api/rmrb-user-center/user/zh/c/logoff";
     return url;
     return url;
   }
   }
 
 
   //更换手机号绑定
   //更换手机号绑定
   static changeBindPhone() {
   static changeBindPhone() {
-    let url = HttpUrlUtils._hostUrl + "/api/rmrb-user-center/user/zh/c/userPhoneChange";
+    let url = HttpUrlUtils.getHost() + "/api/rmrb-user-center/user/zh/c/userPhoneChange";
     return url;
     return url;
   }
   }
 
 
   //获取用户安全页信息
   //获取用户安全页信息
   static querySecurity() {
   static querySecurity() {
-    let url = HttpUrlUtils._hostUrl + "/api/rmrb-user-center/user/zh/c/security/query";
+    let url = HttpUrlUtils.getHost() + "/api/rmrb-user-center/user/zh/c/security/query";
     return url;
     return url;
   }
   }
 
 
   static getAppointmentListDataUrl() {
   static getAppointmentListDataUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.APPOINTMENT_LIST_DATA_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.APPOINTMENT_LIST_DATA_PATH
     return url
     return url
   }
   }
 
 
   static getMyCollectionListDataUrl() {
   static getMyCollectionListDataUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.APPOINTMENT_MyCollectionList_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.APPOINTMENT_MyCollectionList_PATH
     return url
     return url
   }
   }
 
 
   static getExecuteCollcetUrl() {
   static getExecuteCollcetUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.APPOINTMENT_ExecuteCollcet_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.APPOINTMENT_ExecuteCollcet_PATH
     return url
     return url
   }
   }
 
 
   static getFollowListDetailDataUrl() {
   static getFollowListDetailDataUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.FOLLOW_LIST_DETAIL_DATA_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.FOLLOW_LIST_DETAIL_DATA_PATH
     return url
     return url
   }
   }
 
 
   static getFollowListDataUrl() {
   static getFollowListDataUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.FOLLOW_LIST_DATA_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.FOLLOW_LIST_DATA_PATH
     return url
     return url
   }
   }
 
 
   static getMineFollowListDataUrl() {
   static getMineFollowListDataUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.MINE_FOLLOW_LIST_DATA_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.MINE_FOLLOW_LIST_DATA_PATH
     return url
     return url
   }
   }
 
 
   static getFollowListStatusDataUrl() {
   static getFollowListStatusDataUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.FOLLOW_LIST_STATUS_DATA_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.FOLLOW_LIST_STATUS_DATA_PATH
     return url
     return url
   }
   }
 
 
   static getCommentListStatusDataUrl() {
   static getCommentListStatusDataUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.COMMENT_LIST_STATUS_DATA_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.COMMENT_LIST_STATUS_DATA_PATH
     return url
     return url
   }
   }
 
 
   static getMineCommentListDataUrl() {
   static getMineCommentListDataUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.MINE_COMMENT_LIST_DATA_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.MINE_COMMENT_LIST_DATA_PATH
     return url
     return url
   }
   }
 
 
   static getMineUserLevelDataUrl() {
   static getMineUserLevelDataUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.MINE_USER_LEVEL_DATA_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.MINE_USER_LEVEL_DATA_PATH
     return url
     return url
   }
   }
 
 
   static getOtherUserLevelDataUrl() {
   static getOtherUserLevelDataUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.OTHER_USER_LEVEL_DATA_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.OTHER_USER_LEVEL_DATA_PATH
     return url
     return url
   }
   }
 
 
   static getMineUserDetailDataUrl() {
   static getMineUserDetailDataUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.MINE_USER_DETAIL_DATA_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.MINE_USER_DETAIL_DATA_PATH
     return url
     return url
   }
   }
 
 
   static getOtherUserDetailDataUrl() {
   static getOtherUserDetailDataUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.OTHER_USER_DETAIL_DATA_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.OTHER_USER_DETAIL_DATA_PATH
     return url
     return url
   }
   }
 
 
   static getOtherCommentListDataUrl() {
   static getOtherCommentListDataUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.OTHER_COMMENT_LIST_DATA_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.OTHER_COMMENT_LIST_DATA_PATH
     return url
     return url
   }
   }
 
 
   static getOtherUserFollowListDataUrl() {
   static getOtherUserFollowListDataUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.OTHER_USER_FOLLOW_LIST_DATA_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.OTHER_USER_FOLLOW_LIST_DATA_PATH
     return url
     return url
   }
   }
 
 
   static getAppointmentOperationUrl() {
   static getAppointmentOperationUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.APPOINTMENT_OPERATION_STATUS_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.APPOINTMENT_OPERATION_STATUS_PATH
     return url
     return url
   }
   }
 
 
   static getCommentLikeOperationUrl() {
   static getCommentLikeOperationUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.COMMENT_LIKE_OPERATION_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.COMMENT_LIKE_OPERATION_PATH
     return url
     return url
   }
   }
 
 
   static getFollowOperationUrl() {
   static getFollowOperationUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.FOLLOW_OPERATION_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.FOLLOW_OPERATION_PATH
     return url
     return url
   }
   }
 
 
   static getSearchHintDataUrl() {
   static getSearchHintDataUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.SEARCH_HINT_DATA_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.SEARCH_HINT_DATA_PATH
     return url
     return url
   }
   }
 
 
   static getSearchHotsDataUrl() {
   static getSearchHotsDataUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.SEARCH_HOTS_DATA_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.SEARCH_HOTS_DATA_PATH
     return url
     return url
   }
   }
 
 
   static getRelatedSearchContentDataUrl() {
   static getRelatedSearchContentDataUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.RELATED_SEARCH_CONTENT_DATA_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.RELATED_SEARCH_CONTENT_DATA_PATH
     return url
     return url
   }
   }
 
 
   static getInterestsUrl() {
   static getInterestsUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.INTERESTS_HOTS_DATA_PATH;
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.INTERESTS_HOTS_DATA_PATH;
     return url;
     return url;
 
 
   }
   }
 
 
   static getUpdateInterestsUrl() {
   static getUpdateInterestsUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.INTERESTS_UPDATETAG_PATH;
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.INTERESTS_UPDATETAG_PATH;
     return url;
     return url;
   }
   }
 
 
   static getLaunchPageDataUrl() {
   static getLaunchPageDataUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.LAUNCH_PAGE_PATH;
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.LAUNCH_PAGE_PATH;
     return url;
     return url;
 
 
   }
   }
 
 
   static getLiveDetailsUrl() {
   static getLiveDetailsUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.LIVE_DETAILS_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.LIVE_DETAILS_PATH
     return url
     return url
   }
   }
 
 
   static getLiveListUrl() {
   static getLiveListUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.LIVE_LIST_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.LIVE_LIST_PATH
     return url
     return url
   }
   }
 
 
   static getLiveChatListUrl() {
   static getLiveChatListUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.LIVE_CHAT_LIST_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.LIVE_CHAT_LIST_PATH
     return url
     return url
   }
   }
 
 
   static getLiveRoomDataUrl() {
   static getLiveRoomDataUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.LIVE_ROOM_DATA_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.LIVE_ROOM_DATA_PATH
     return url
     return url
   }
   }
 
 
   static getLiveAppointmentStatusUrl() {
   static getLiveAppointmentStatusUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.LIVE_APPOINTMENT_STATUS_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.LIVE_APPOINTMENT_STATUS_PATH
     return url
     return url
   }
   }
 
 
   static getLiveAppointmentUrl() {
   static getLiveAppointmentUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.LIVE_APPOINTMENT_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.LIVE_APPOINTMENT_PATH
     return url
     return url
   }
   }
 
 
   static getAppointmentStatusUrl() {
   static getAppointmentStatusUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.LIVE_APPOINTMENT_BATCH_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.LIVE_APPOINTMENT_BATCH_PATH
     return url
     return url
   }
   }
 
 
   static getSearchResultCountDataUrl() {
   static getSearchResultCountDataUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.SEARCH_RESULT_COUNT_DATA_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.SEARCH_RESULT_COUNT_DATA_PATH
     return url
     return url
   }
   }
 
 
   static getSearchResultListDataUrl() {
   static getSearchResultListDataUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.SEARCH_RESULT_LIST_DATA_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.SEARCH_RESULT_LIST_DATA_PATH
     return url
     return url
   }
   }
 
 
   static getInteractListDataUrl() {
   static getInteractListDataUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.INTERACT_DATA_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.INTERACT_DATA_PATH
     return url
     return url
   }
   }
 
 
   static getCreatorDetailListDataUrl() {
   static getCreatorDetailListDataUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.CREATOR_DETAIL_LIST_DATA_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.CREATOR_DETAIL_LIST_DATA_PATH
     return url
     return url
   }
   }
 
 
   static getArticleCountHotsDataUrl() {
   static getArticleCountHotsDataUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.ARTICLE_COUNT_HOTS_DATA_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.ARTICLE_COUNT_HOTS_DATA_PATH
     return url
     return url
   }
   }
 
 
   static getArticleListHotsDataUrl() {
   static getArticleListHotsDataUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.ARTICLE_LIST_HOTS_DATA_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.ARTICLE_LIST_HOTS_DATA_PATH
     return url
     return url
   }
   }
 
 
   static getCreatorInfluenceInfoHotsDataUrl() {
   static getCreatorInfluenceInfoHotsDataUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.CREATOR_INFLUENCE_HOTS_DATA_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.CREATOR_INFLUENCE_HOTS_DATA_PATH
     return url
     return url
   }
   }
 
 
   //点赞
   //点赞
   static executeLike() {
   static executeLike() {
-    let url = HttpUrlUtils._hostUrl + "/api/rmrb-interact/interact/zh/c/like/executeLike";
+    let url = HttpUrlUtils.getHost() + "/api/rmrb-interact/interact/zh/c/like/executeLike";
     return url;
     return url;
   }
   }
 
 
   //获取点赞状态
   //获取点赞状态
   static getLikeStatus() {
   static getLikeStatus() {
-    let url = HttpUrlUtils._hostUrl + "/api/rmrb-interact/interact/zh/c/batchLikeAndCollect/status";
+    let url = HttpUrlUtils.getHost() + "/api/rmrb-interact/interact/zh/c/batchLikeAndCollect/status";
     return url;
     return url;
   }
   }
 
 
+  //获取点赞数
+  static getLikeCount() {
+    let url = HttpUrlUtils.getHost() + "/api/rmrb-contact/contact/zh/c/v2/content/interactData";
+    return url;
+  }
+
+
   //搜索推荐
   //搜索推荐
   static getSearchSuggestDataUrl() {
   static getSearchSuggestDataUrl() {
-    let url = HttpUrlUtils._hostUrl + HttpUrlUtils.SEARCH_SUGGEST_DATA_PATH
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.SEARCH_SUGGEST_DATA_PATH
     return url
     return url
   }
   }
 
 
   //金刚位聚合页
   //金刚位聚合页
   static getThemeListUrl() {
   static getThemeListUrl() {
-    let url = HttpUrlUtils._hostUrl + "/api/rmrb-bff-display-zh/display/zh/c/themeList";
+    let url = HttpUrlUtils.getHost() + "/api/rmrb-bff-display-zh/display/zh/c/themeList";
     return url;
     return url;
   }
   }
 
 

-// import { ResponseLogin } from '../bean/account/ResponseLogin';
-import { Logger } from 'wdKit';
-
-// import { UserInfo } from '../bean/account/UserInfo';
-// import { ConfigConstants } from '../constants/ConfigConstants';
-// import { AccountManagerUtils } from './AccountManagerUtils';
-// import { AppUtils } from './AppUtils';
-// import { DeviceUtil } from './DeviceUtil';
-// import { Logger } from './Logger';
-// import { StringUtils } from './StringUtils';
+import { HttpRequest } from '../http/HttpRequest';
 
 
 const TAG: string = '[HttpUtils]'
 const TAG: string = '[HttpUtils]'
 
 
 export class HttpUtils {
 export class HttpUtils {
-  static buildHeaders(): Record<string, string> {
-    let timestamp: number = new Date().getTime(); // 单位毫秒
-    // let clientId = DeviceUtil.clientId()
-
-    let headers: Record<string, string> = {};
-    // 通用请求头
-    headers["version"] = 'V3';
-    // headers["appId"] = ConfigConstants.appId; // 应用id
-    // headers["terminalId"] = ConfigConstants.terminalId; // 终端ID
-    // headers["sourceId"] = ConfigConstants.sourceId; // 咪咕视频
-    // headers["appType"] = ConfigConstants.appType; // 手机客户端App（安卓）
-    // headers["clientType"] = ConfigConstants.clientType; // 客户端类型
-    // headers["appVersion"] = AppUtils.getAppVersionCode() + ''; // 客户端版本号:2600010500
-    // headers["APP-VERSION-CODE"] = AppUtils.getAppVersionCode() + ''; // APP版本号:250006577
-    // headers["appVersionName"] = AppUtils.getAppVersionName() // app对外显示版本: '6.1.5.00'
-    // headers["appCode"] = ConfigConstants.appCode; // 应用编码：产品_渠道_应用的拼接串，用下划线_ 拼接而成
-    // headers["ptvCode"] = ConfigConstants.ptvCode; // 基线版本号_应用版本号 todo:
-    // headers["clientProvinceCode"] = ''; // 客户端分省号 // 02
-    // headers["provinceCode"] = ''; // 客户端分省号 // 02
-    // headers["clientCityId"] = ''; // 客户端城市ID // 0210
-    // headers["carrierCode"] = ''; // 运营商信息
-
-    // 设备信息请求头
-    // headers["User-Agent"] = ''; // 终端UA，自动获取
-    headers["Content-Type"] = 'application/json;charset=UTF-8'; // 返回/响应的HTTP内容类型
-    headers["os"] = 'android'; // 操作系统类型：鸿蒙、安卓或iOS
-    // headers["osInfo"] = 'AD'; // 操作系统信息
-    headers["Phone-Info"] = 'HUAWEI'; // 手机信息: todo
-    // headers["oaid"] = ''; // 开放匿名设备ID，是中国移动安全联盟(MSA)发起并制定标准用户识别ID
-    headers["networkInfo"] = 'WIFI'; // 网络类型: todo
-    headers["cache-control"] = 'no-cache'; // 请求和响应遵循的缓存机制
-    // headers["clientId"] = clientId; // 客户端编号：客户端初始化时生成的客户端ID，保证唯一性
-    headers["imei"] = 'd1de6d3ae0db44bea1b3f0e20a14d90a'; // 终端手机序列号: todo
-    headers["X-UP-CLIENT-CHANNEL-ID"] = '2600010500-99000-101700010130012'; // 客户端渠道ID: todo
-    headers["channelCode"] = 'VIDEO_APPMAIL'; // 渠道编码
-    // headers["l_c"] = clientId; // 客户端id，同clientId
-    // headers["l_t"] = timestamp + ''; // 本机时间戳
-    // headers["l_s"] = ''; // l_c和l_t拼接后的MD5校验
-
-    // 签名相关请求头
-    headers["timeStamp"] = timestamp + ''; // 服务端时间戳(毫秒):1701667763664
-    headers["signType"] = 'RSA'; // 签名类型，固定RSA
+  /**
+   * 添加公共参数，如登录后，添加登录信息
+   */
+  static addCommonHeader() {
+    HttpRequest.addGlobalHeaderProvider(() => {
+      let headers: Record<string, string> = {};
+      return headers;
+    })
+  }
 
 
-    // 业务请求头
-    // headers["promotionID"] = '54b0f421-a6df-41d3-9be2-92820b2c5d8c'; // 促销Id todo
-    // headers["tenantId"] = ''; // 租户Id
+  /**
+   * 添加公共参数，如登出后，移除登录信息
+   */
+  static removeCommonHeader() {
 
 
-    // 添加其他header
-    // headers["sdkCeId"] = '27fb3129-5a54-45bc-8af1-7dc8f1155501'; // 用户中台老接口定义的ID，保持不变,现网：咪咕视频Android版,27fb3129-5a54-45bc-8af1-7dc8f1155501 todo
-    headers["support-pendant"] = '1'; // 挂件标识, "1":客户端支持挂件节目结构;非"1":不支持挂件节目结构-展示通用对象
-    Logger.info(TAG, "buildHeader headers:" + JSON.stringify(headers));
-    return headers;
   }
   }
-}
-
-// export default new HttpUtils()
+}

@@ -124,4 +124,6 @@ export class WDRouterPage {
   static themeListPage = new WDRouterPage("wdComponent", "ets/components/page/ThemeListPage");
   static themeListPage = new WDRouterPage("wdComponent", "ets/components/page/ThemeListPage");
   // 栏目页面、频道详情
   // 栏目页面、频道详情
   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");
 }
 }

@@ -157,13 +157,14 @@ export class ProcessUtils {
    * 图集详情页
    * 图集详情页
    * @param content
    * @param content
    * */
    * */
-  public static gotoMultiPictureListPage(photoList: PhotoListBean[]) {
+  public static gotoMultiPictureListPage(photoList: PhotoListBean[], swiperIndex?: number) {
     let taskAction: Action = {
     let taskAction: Action = {
       type: 'JUMP_DETAIL_PAGE',
       type: 'JUMP_DETAIL_PAGE',
       params: {
       params: {
         detailPageType: 18,
         detailPageType: 18,
         extra: {
         extra: {
-          photoList
+          photoList,
+          swiperIndex
         } as ExtraDTO
         } as ExtraDTO
       } as Params,
       } as Params,
     };
     };
@@ -186,8 +187,14 @@ export class ProcessUtils {
     let taskAction: Action = {
     let taskAction: Action = {
       type: 'JUMP_INNER_NEW_PAGE',
       type: 'JUMP_INNER_NEW_PAGE',
       params: {
       params: {
+        contentID: content?.objectId,
         url: content.linkUrl,
         url: content.linkUrl,
         pageID: 'SPACIAL_TOPIC_PAGE',
         pageID: 'SPACIAL_TOPIC_PAGE',
+        extra: {
+          relType: content?.relType,
+          relId: content?.relId,
+          channelId: content?.channelId,
+        } as ExtraDTO
       } as Params,
       } as Params,
     };
     };
     WDRouterRule.jumpWithAction(taskAction)
     WDRouterRule.jumpWithAction(taskAction)
@@ -422,11 +429,10 @@ export class ProcessUtils {
 
 
   /**
   /**
    * 跳转人民号主页
    * 跳转人民号主页
-   *@params creatorId 创作者id
+   * @params creatorId 创作者id
    */
    */
   public static gotoPeopleShipHomePage(creatorId: string) {
   public static gotoPeopleShipHomePage(creatorId: string) {
-    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)
   }
   }
-
 }
 }

-import HashMap from '@ohos.util.HashMap';
 import { Callback } from 'wdJsBridge';
 import { Callback } from 'wdJsBridge';
-import { Message } from 'wdJsBridge/src/main/ets/bean/Message';
-import { Logger } from 'wdKit';
+import { Message, IImgListData } from 'wdJsBridge/src/main/ets/bean/Message';
+import { Logger, SPHelper } from 'wdKit';
 import { H5CallNativeType } from './H5CallNativeType';
 import { H5CallNativeType } from './H5CallNativeType';
 import { H5OperateType } from './H5OperateType';
 import { H5OperateType } from './H5OperateType';
-import { ContentConstants } from 'wdConstant';
+import { ContentConstants, SpConstants } from 'wdConstant';
 import { ProcessUtils } from 'wdRouter';
 import { ProcessUtils } from 'wdRouter';
 import router from '@ohos.router';
 import router from '@ohos.router';
 import Url from '@ohos.url'
 import Url from '@ohos.url'
-import { ContentDTO } from 'wdBean/Index';
-import { ResponseDTO, WDHttp, HttpUrlUtils } from 'wdNetwork';
+import { ContentDTO, PhotoListBean } from 'wdBean';
+import { handleJsCallAppService } from './JsCallAppService'
 
 
 const TAG = 'JsBridgeBiz'
 const TAG = 'JsBridgeBiz'
 
 
@@ -20,6 +19,19 @@ class AppInfo {
   // TODO 完善
   // TODO 完善
 }
 }
 
 
+class AppLoginAuthInfo {
+  "X-Ca-Stage": string = ''
+  userType: number = SPHelper.default.getSync(SpConstants.USER_Type, '') as number
+  userName: string = SPHelper.default.getSync(SpConstants.USER_NAME, '') as string
+  userID: string = SPHelper.default.getSync(SpConstants.USER_ID, '') as string
+  "RMRB-X-TOKEN": string = SPHelper.default.getSync(SpConstants.USER_TEMP_TOKEN, '') as string
+  phoneNumber: string = SPHelper.default.getSync(SpConstants.USER_PHONE, '') as string
+  nickName: string = ''
+  isLogined: string = SPHelper.default.getSync(SpConstants.USER_STATUS, '') as string
+  creatorID: string = SPHelper.default.getSync(SpConstants.USER_CREATOR_ID, '') as string
+  Authorization: string = ''
+}
+
 /**
 /**
  * h5调用native代码
  * h5调用native代码
  * @param data
  * @param data
@@ -39,7 +51,7 @@ export function performJSCallNative(data: Message, call: Callback) {
     case H5CallNativeType.jsCall_getArticleDetailBussinessData:
     case H5CallNativeType.jsCall_getArticleDetailBussinessData:
       break;
       break;
     case H5CallNativeType.jsCall_callAppService:
     case H5CallNativeType.jsCall_callAppService:
-      handleJsCallCallAppService(data, (res: string) => {
+      handleJsCallAppService(data, (res: string) => {
         call(res)
         call(res)
       })
       })
       break;
       break;
@@ -49,6 +61,9 @@ export function performJSCallNative(data: Message, call: Callback) {
     case H5CallNativeType.jsCall_appInnerLinkMethod:
     case H5CallNativeType.jsCall_appInnerLinkMethod:
       handleJsCallAppInnerLinkMethod(data)
       handleJsCallAppInnerLinkMethod(data)
       break;
       break;
+    case H5CallNativeType.jsCall_getAppLoginAuthInfo:
+      call(handleJsCallGetAppLoginAuthInfo())
+      break;
     default:
     default:
       break;
       break;
   }
   }
@@ -64,21 +79,6 @@ function handleJsCallCurrentPageOperate(data: Message) {
   }
   }
 }
 }
 
 
-function handleJsCallCallAppService(data: Message, callback: (res: string) => void) {
-  let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
-  let url: string = HttpUrlUtils.getHost() + data?.data?.url
-  if (data?.data?.method === 'get') {
-    WDHttp.get<ResponseDTO<string>>(url, headers).then((res: ResponseDTO<string>) => {
-      callback(JSON.stringify(res))
-    })
-  }
-  if (data?.data?.method === 'post') {
-    WDHttp.post<ResponseDTO<string>>(url, data?.data?.parameters, headers).then(res => {
-      callback(JSON.stringify(res))
-    })
-  }
-}
-
 /**
 /**
  * 获取App公共信息
  * 获取App公共信息
  */
  */
@@ -90,17 +90,31 @@ function getAppPublicInfo(): string {
   info.networkStatus = 1
   info.networkStatus = 1
   let result = JSON.stringify(info)
   let result = JSON.stringify(info)
   Logger.debug(TAG, 'getAppPublicInfo: ' + JSON.stringify(info))
   Logger.debug(TAG, 'getAppPublicInfo: ' + JSON.stringify(info))
-
   return result;
   return result;
 }
 }
 
 
 function handleJsCallReceiveH5Data(data: Message) {
 function handleJsCallReceiveH5Data(data: Message) {
-  switch (data?.data?.dataSource) {
-    case 5:
-      if (data?.data?.dataSource === 5) {
-        ProcessUtils.processPage(JSON.parse(data?.data?.dataJson || '{}'))
+  switch (String(data?.data?.dataSource)) {
+    case '3':
+      let imgListData: IImgListData = JSON.parse(data?.data?.imgListData || "{}")
+      let imgArr = imgListData?.imgArr || []
+      let swiperIndex = imgListData?.imgIndex
+      if (imgArr.length > 0) {
+        const photoList: PhotoListBean[] = imgArr.map(item => {
+          const photo: PhotoListBean = {
+            width: item.width,
+            height: item.height,
+            picPath: item.pic,
+            picDesc: ''
+          }
+          return photo
+        })
+        ProcessUtils.gotoMultiPictureListPage(photoList, swiperIndex)
       }
       }
       break;
       break;
+    case '5':
+      ProcessUtils.processPage(JSON.parse(data?.data?.dataJson || '{}'))
+      break;
     default:
     default:
       break;
       break;
   }
   }
@@ -168,3 +182,9 @@ function handleJsCallAppInnerLinkMethod(data: Message) {
     }
     }
   }
   }
 }
 }
+
+function handleJsCallGetAppLoginAuthInfo() {
+  let appLoginAuthInfo = new AppLoginAuthInfo()
+  let result = JSON.stringify(appLoginAuthInfo)
+  return result;
+}

+import HashMap from '@ohos.util.HashMap';
+import { Message } from 'wdJsBridge/src/main/ets/bean/Message';
+import { H5ReceiveDataJsonBean, postBatchAttentionStatusResult } from 'wdBean';
+import { ResponseDTO, WDHttp, HttpUrlUtils } from 'wdNetwork';
+
+const TAG = 'JsCallAppService'
+
+
+export function handleJsCallAppService(data: Message, callback: (res: string) => void) {
+  let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
+  let url: string = HttpUrlUtils.getHost() + data?.data?.url
+
+  let responseMap: ResponseDTO<postBatchAttentionStatusResult> = {} as ResponseDTO<postBatchAttentionStatusResult>
+
+  let h5ReceiveDataJson: H5ReceiveDataJsonBean<ResponseDTO<postBatchAttentionStatusResult>> = {
+    netError: '0',
+    responseMap
+  } as H5ReceiveDataJsonBean<ResponseDTO<postBatchAttentionStatusResult>>
+
+  // 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, headers).then((res: ResponseDTO<postBatchAttentionStatusResult>) => {
+      h5ReceiveDataJson.responseMap = res
+      callback(JSON.stringify(h5ReceiveDataJson))
+    })
+  }
+}

 import router from '@ohos.router';
 import router from '@ohos.router';
-import { BridgeHandler, BridgeUtil, BridgeWebViewControl, Callback } from 'wdJsBridge';
+import { BridgeUtil, BridgeWebViewControl, Callback } from 'wdJsBridge';
 import { Logger } from 'wdKit/Index';
 import { Logger } from 'wdKit/Index';
-import { setDefaultNativeWebSettings } from './WebComponentUtil';
-import { Action } from 'wdBean';
 import { performJSCallNative } from './JsBridgeBiz';
 import { performJSCallNative } from './JsBridgeBiz';
 import { H5CallNativeType } from './H5CallNativeType';
 import { H5CallNativeType } from './H5CallNativeType';
 import { Message } from 'wdJsBridge/src/main/ets/bean/Message';
 import { Message } from 'wdJsBridge/src/main/ets/bean/Message';
@@ -12,11 +10,18 @@ const TAG = 'WdWebLocalComponent';
 @Component
 @Component
 export struct WdWebLocalComponent {
 export struct WdWebLocalComponent {
   webviewControl: BridgeWebViewControl = new BridgeWebViewControl()
   webviewControl: BridgeWebViewControl = new BridgeWebViewControl()
-  onWebPrepared: () => void = () => {}
+  onWebPrepared: () => void = () => {
+  }
   @Prop backVisibility: boolean = false
   @Prop backVisibility: boolean = false
   @Prop webResource: Resource = {} as Resource
   @Prop webResource: Resource = {} as Resource
   @State webHeight: string | number = '100%'
   @State webHeight: string | number = '100%'
   @Link isPageEnd: boolean
   @Link isPageEnd: boolean
+  @State videoUrl: string = ''
+  @State positionWidth: number = 0
+  @State positionHeight: number = 0
+  @State positionLeft: number = 0
+  @State positionTop: number = 0
+  @State videoLandscape: string = '1'
 
 
   build() {
   build() {
     Column() {
     Column() {
@@ -33,37 +38,64 @@ export struct WdWebLocalComponent {
       .height(44)
       .height(44)
       .visibility(this.backVisibility ? Visibility.Visible : Visibility.None)
       .visibility(this.backVisibility ? Visibility.Visible : Visibility.None)
 
 
-      Web({ src: this.webResource, controller: this.webviewControl })
-        .domStorageAccess(true)
-        .databaseAccess(true)
-        .javaScriptAccess(true)
-        .imageAccess(true)
-        .mixedMode(MixedMode.All)
-        .onlineImageAccess(true)
-        .enableNativeEmbedMode(true)
-        .height(this.webHeight)
-        .onPageBegin((event) => {
-          this.onPageBegin(event?.url);
-        })
-        .onPageEnd((event) => {
-          this.onPageEnd(event?.url)
-        })
-        .onLoadIntercept((event) => {
-          let url: string = event.data.getRequestUrl().toString()
-          url = url.replace("%(?![0-9a-fA-F]{2})", "%25")
-            .replace("\\+", "%2B");
-          url = decodeURIComponent(url)
-          if (url.startsWith(BridgeUtil.YY_RETURN_DATA)) {
-            this.webviewControl.handlerReturnData(url)
-            return true
-          }
-          if (url.startsWith(BridgeUtil.YY_OVERRIDE_SCHEMA)) {
-            Logger.debug(TAG, 'flushMessageQueue');
-            this.webviewControl.flushMessageQueue()
-            return true
+      Row() {
+        RelativeContainer() {
+          Web({ src: this.webResource, controller: this.webviewControl })
+            .domStorageAccess(true)
+            .databaseAccess(true)
+            .javaScriptAccess(true)
+            .imageAccess(true)
+            .mixedMode(MixedMode.All)
+            .onlineImageAccess(true)
+            .enableNativeEmbedMode(true)
+            .height(this.webHeight)
+            .onPageBegin((event) => {
+              this.onPageBegin(event?.url);
+            })
+            .onPageEnd((event) => {
+              this.onPageEnd(event?.url)
+            })
+            .onLoadIntercept((event) => {
+              let url: string = event.data.getRequestUrl().toString()
+              url = url.replace("%(?![0-9a-fA-F]{2})", "%25")
+                .replace("\\+", "%2B");
+              url = decodeURIComponent(url)
+              if (url.startsWith(BridgeUtil.YY_RETURN_DATA)) {
+                this.webviewControl.handlerReturnData(url)
+                return true
+              }
+              if (url.startsWith(BridgeUtil.YY_OVERRIDE_SCHEMA)) {
+                Logger.debug(TAG, 'flushMessageQueue');
+                this.webviewControl.flushMessageQueue()
+                return true
+              }
+              return this.onLoadIntercept(event.data.getRequestUrl().toString());
+            })
+            .id('web')
+            .alignRules({
+              top: { anchor: "__container__", align: VerticalAlign.Top },
+            })
+
+          if (this.videoUrl) {
+            Video({ src: this.videoUrl })
+              .autoPlay(true)
+              .objectFit(ImageFit.Contain)
+              .width(this.positionWidth)
+              .height(this.positionHeight)
+              .borderRadius(5)
+              .alignRules({
+                top: { anchor: "__container__", align: VerticalAlign.Top },
+              })
+              .offset({
+                x: this.positionLeft,
+                y: this.positionTop
+              })
+              .id("video")
           }
           }
-          return this.onLoadIntercept(event.data.getRequestUrl().toString());
-        })
+
+        }
+      }.width('100%')
+      .height(this.webHeight)
     }
     }
   }
   }
 
 
@@ -73,7 +105,8 @@ export struct WdWebLocalComponent {
       let handleName = H5CallNativeType.JsCallTypeList[i];
       let handleName = H5CallNativeType.JsCallTypeList[i];
       let handle = (data: Message, f: Callback) => {
       let handle = (data: Message, f: Callback) => {
         Logger.debug('registerHandlers handlerName: ' + JSON.stringify(data.data))
         Logger.debug('registerHandlers handlerName: ' + JSON.stringify(data.data))
-        this.setCurrentPageOperate(data)
+        this.setCurrentPageOperate8(data)
+        this.setCurrentPageOperate9(data)
         this.defaultPerformJSCallNative(data, f)
         this.defaultPerformJSCallNative(data, f)
       };
       };
       this.webviewControl.registerHandler(handleName, { handle: handle });
       this.webviewControl.registerHandler(handleName, { handle: handle });
@@ -81,7 +114,7 @@ export struct WdWebLocalComponent {
   }
   }
 
 
   //webview 高度设置
   //webview 高度设置
-  private setCurrentPageOperate: (data: Message) => void = (data) => {
+  private setCurrentPageOperate8: (data: Message) => void = (data) => {
     if (data.handlerName === H5CallNativeType.jsCall_currentPageOperate && data?.data?.operateType === '8') {
     if (data.handlerName === H5CallNativeType.jsCall_currentPageOperate && data?.data?.operateType === '8') {
       if (typeof this.webHeight === 'number') {
       if (typeof this.webHeight === 'number') {
         if (Number(data?.data?.webViewHeight) > this.webHeight) {
         if (Number(data?.data?.webViewHeight) > this.webHeight) {
@@ -93,6 +126,17 @@ export struct WdWebLocalComponent {
       }
       }
     }
     }
   }
   }
+  //播放视频
+  private setCurrentPageOperate9: (data: Message) => void = (data) => {
+    if (data.handlerName === H5CallNativeType.jsCall_currentPageOperate && data?.data?.operateType === '9') {
+      this.videoUrl = data?.data?.videoUrl || ''
+      this.positionWidth = Number(data?.data?.positionWidth) || 0
+      this.positionHeight = Number(data?.data?.positionHeight) || 0
+      this.positionLeft = Number(data?.data?.positionLeft) || 0
+      this.positionTop = Number(data?.data?.positionTop) || 0
+      this.videoLandscape = data?.data?.videoLandscape || '1'
+    }
+  }
   /**
   /**
    * 默认【CallNative】逻辑处理
    * 默认【CallNative】逻辑处理
    */
    */

@@ -15,5 +15,6 @@ export interface ExtraDTO extends ItemDTO {
   relType: string;
   relType: string;
   liveStreamType?: number;
   liveStreamType?: number;
   photoList: PhotoListBean[];
   photoList: PhotoListBean[];
+  swiperIndex?: number
   commentId?: string;
   commentId?: string;
 }
 }

+interface LiveDTO {
+  liveId: number;
+  relationId: string;
+  subscribe: boolean;
+}

 export interface UserInfoDTO {
 export interface UserInfoDTO {
-  userHeadUrl:string
+  userHeadUrl: string
+  userName?: string
+  headPhotoUrl?: string
 }
 }

 export interface H5ReceiveDataExtraBean {
 export interface H5ReceiveDataExtraBean {
   creatorId: string;
   creatorId: string;
+  cnsTraceId: string;
   isLogin: string;
   isLogin: string;
+  loadImageOnlyWifiSwitch: string;
   networkStatus: number;
   networkStatus: number;
-  loadImageOnlyWifiSwitch: string
+  darkMode: string;
+  fontSizes: string;
 }
 }

 import { ResponseBean } from './ResponseBean';
 import { ResponseBean } from './ResponseBean';
 
 
-export interface H5ReceiveDataJsonBean {
-  contentId: string;
-  contentType: string;
-  topicId: string;
-  channelId: string;
-  compId: string;
-  sourcePage: string;
+export interface H5ReceiveDataJsonBean<T = ResponseBean> {
+  contentId?: string;
+  contentType?: string;
+  topicId?: string;
+  channelId?: string;
+  compId?: string;
+  sourcePage?: string;
   netError: string;
   netError: string;
-  responseMap: ResponseBean;
+  responseMap: T;
 
 
 }
 }

 import { ContentDetailDTO } from '../detail/ContentDetailDTO';
 import { ContentDetailDTO } from '../detail/ContentDetailDTO';
 
 
-export interface ResponseBean{
-  success:boolean;
+export interface ResponseBean<T = ContentDetailDTO[]> {
+  success: boolean;
 
 
   // 服务请求响应值/微服务响应状态码”
   // 服务请求响应值/微服务响应状态码”
   code: number;
   code: number;
@@ -10,8 +10,7 @@ export interface ResponseBean{
   message: string;
   message: string;
 
 
   // 响应结果
   // 响应结果
-  data:ContentDetailDTO[];
-
+  data: T
   // 请求响应时间戳（unix格式）
   // 请求响应时间戳（unix格式）
   timestamp?: number;
   timestamp?: number;
 }
 }

@@ -172,9 +172,10 @@ export interface LiveDetailsBean {
 export interface LiveInfo {
 export interface LiveInfo {
   //直播新闻-直播状态  wait 待开播 running 直播中 end 已结束cancel已取消paused暂停
   //直播新闻-直播状态  wait 待开播 running 直播中 end 已结束cancel已取消paused暂停
   liveState: string
   liveState: string
-
   //2024-04-12 15:00:00 直播开始时间
   //2024-04-12 15:00:00 直播开始时间
   planStartTime: string
   planStartTime: string
+  startTime: string
+  endTime: string
   //直播样式 0-正常模式 ， 1-隐藏直播间，2-隐藏大家聊 【人民号发布是竖屏的，为空】
   //直播样式 0-正常模式 ， 1-隐藏直播间，2-隐藏大家聊 【人民号发布是竖屏的，为空】
   liveStyle: number;
   liveStyle: number;
   vlive: Array<Vlive>
   vlive: Array<Vlive>

@@ -4,37 +4,39 @@ import { TopNavDTO } from './TopNavDTO';
  * 底导(包含顶导列表）数据
  * 底导(包含顶导列表）数据
  */
  */
 export interface BottomNavDTO {
 export interface BottomNavDTO {
-  backgroundUrl: string;
-  channelChooseActionUrl: string;
-  channelChooseCColor: string;
-  channelChooseColor: string;
-  channelMoreColor: string;
+  backgroundUrl: string; // 迭代四：页面背景图
+  channelChooseActionUrl: string; // 迭代四：频道选中下划线动画
+  channelChooseCColor: string; // 迭代四：频道未选中颜色
+  channelChooseColor: string; // 迭代四：频道选中颜色
+  channelMoreColor: string; // 迭代四：更多频道颜色
   extraData: string;
   extraData: string;
-  homePageColor: string;
-  icon: string;
-  iconC: string;
+  homePageColor: string; // 迭代四：主页图标/文字颜色
+  icon: string; // 未选中图标
+  iconC: string; // 选中图标
   id: number;
   id: number;
-  immersiveIconCUrl: string;
-  immersiveIconUrl: string;
-  immersiveNameCColor: string;
-  immersiveNameColor: string;
-  logoUrl: string;
+  immersiveIconCUrl: string; // 迭代二新增-图标颜色-选中（沉浸式频道）
+  immersiveIconUrl: string; // 迭代二新增-图标颜色-未选中（沉浸式频道）
+  immersiveNameCColor: string; // 迭代二新增-文字颜色-选中（沉浸式频道）
+  immersiveNameColor: string; // 迭代二新增-文字颜色-未选中（沉浸式频道）
+  logoUrl: string; // 迭代四：logo图片
   morningAndEveningUrl: string;
   morningAndEveningUrl: string;
   name: string;
   name: string;
-  nameCColor: string;
-  nameColor: string;
-  nightIconCUrl: string;
-  nightIconUrl: string;
-  nightNameCColor: string;
-  nightNameColor: string;
-  noticeColor: string;
+  nameCColor: string; // 名字选中颜色
+  nameColor: string; // 名字颜色
+  nightIconCUrl: string; // 迭代三新增-图标颜色-选中（夜间模式）
+  nightIconUrl: string; // 迭代三新增-图标颜色-未选中（夜间模式）
+  nightNameCColor: string; // 迭代三新增-文字颜色-选中（夜间模式）
+  nightNameColor: string; // 迭代三新增-文字颜色-未选中（夜间模式）
+  noticeColor: string; // 迭代四：消息通知提醒颜色
   pageId?: string;
   pageId?: string;
   pageType?: string;
   pageType?: string;
-  searchBothColor: string;
-  searchUrl: string;
+  searchBothColor: string; // 迭代四：两侧文字图标颜色,搜索图标颜色
+  searchUrl: string; // 迭代四：搜索背景框
   sortValue: number;
   sortValue: number;
-  statusBarColor: number;
+  statusBarColor: number; // 迭代四：状态栏图标颜色，0：白色，1：黑色
   topNavChannelList: TopNavDTO[];
   topNavChannelList: TopNavDTO[];
-  topStyle: string;
-  type: string;
+  topStyle: string; // 顶部样式：中文的(11-新闻;12-人民号;13-视频;14-服务)
+  type: string; // 底部导航类型，1普通 2我的；【rmrb需要扩展】
+  fmorningAndEveningUrl: string; // 迭代四：早晚报背景框
+  dropDownAnimationColor: string; // 下拉加载动画颜色，1白色，2灰色。未配置值是null
 }
 }

@@ -4,9 +4,10 @@ import { BottomNavDTO } from './BottomNavDTO';
  * 导航Body数据
  * 导航Body数据
  */
  */
 export interface NavigationBodyDTO {
 export interface NavigationBodyDTO {
-  backgroundColor: string;
+  backgroundColor: string; // 迭代二新增-底部导航背景色（信息流频道）
   bottomNavList: BottomNavDTO[];
   bottomNavList: BottomNavDTO[];
-  // greyBottomNav: GreyBottomNav;
-  immersiveBackgroundColor: string;
-  nightBackgroundColor: string;
+
+  // greyBottomNav: GreyBottomNav; // 灰度皮肤
+  immersiveBackgroundColor: string; // 迭代二新增-底部导航背景色（沉浸式频道）
+  nightBackgroundColor: string; // 迭代三新增-底部导航背景色（夜间模式）
 }
 }

@@ -7,14 +7,14 @@ export interface TopNavDTO {
   channelType: number;
   channelType: number;
   defaultPermitted: number;
   defaultPermitted: number;
   delPermitted: number;
   delPermitted: number;
-  fontCColor: string;
-  fontColor: string;
+  fontCColor: string; // 频道展示样式颜色（选中状态)
+  fontColor: string; // 频道展示样式颜色（未选中状态)
   headlinesOn: number;
   headlinesOn: number;
   homeChannel: string;
   homeChannel: string;
-  iconCUrl: string;
-  iconCUrlSize: string;
-  iconUrl: string;
   iconUrlSize: string;
   iconUrlSize: string;
+  iconCUrlSize: string;
+  iconUrl: string; // 频道图片展示样式图片相对地址（未选中状态)
+  iconCUrl: string; //频道图片展示样式图片相对地址（选中状态
   localChannel: string;
   localChannel: string;
   moreChannel: string;
   moreChannel: string;
   movePermitted: number;
   movePermitted: number;
@@ -23,5 +23,5 @@ export interface TopNavDTO {
   num: number;
   num: number;
   pageId: number;
   pageId: number;
   pageType: string;
   pageType: string;
-  underlineCColor: string;
+  underlineCColor: string; // 选中下划线颜色
 }
 }

@@ -71,8 +71,6 @@ export { SpacialTopicPageComponent } from './src/main/ets/components/SpacialTopi
 
 
 export { LogoutViewModel } from "./src/main/ets/viewmodel/LogoutViewModel"
 export { LogoutViewModel } from "./src/main/ets/viewmodel/LogoutViewModel"
 
 
-export { ImageSwiperComponent } from "./src/main/ets/components/ImageSwiperComponent"
-
 export { newsSkeleton } from "./src/main/ets/components/skeleton/newsSkeleton"
 export { newsSkeleton } from "./src/main/ets/components/skeleton/newsSkeleton"
 
 
 export { LiveCommentComponent } from "./src/main/ets/components/comment/view/LiveCommentComponent"
 export { LiveCommentComponent } from "./src/main/ets/components/comment/view/LiveCommentComponent"

@@ -9,6 +9,7 @@ import {
   HorizontalStrokeCardThreeTwoRadioForOneComponent
   HorizontalStrokeCardThreeTwoRadioForOneComponent
 } from './view/HorizontalStrokeCardThreeTwoRadioForOneComponent';
 } from './view/HorizontalStrokeCardThreeTwoRadioForOneComponent';
 import { ZhSingleRow02 } from './compview/ZhSingleRow02';
 import { ZhSingleRow02 } from './compview/ZhSingleRow02';
+import { ZhSingleRow03 } from './compview/ZhSingleRow03';
 import { ZhSingleRow04 } from './compview/ZhSingleRow04';
 import { ZhSingleRow04 } from './compview/ZhSingleRow04';
 import { ZhSingleRow05 } from './compview/ZhSingleRow05';
 import { ZhSingleRow05 } from './compview/ZhSingleRow05';
 import { ZhSingleRow06 } from './compview/ZhSingleRow06';
 import { ZhSingleRow06 } from './compview/ZhSingleRow06';
@@ -59,7 +60,7 @@ export struct CompParser {
     } else if (compDTO.compStyle === CompStyle.Zh_Single_Row_02) {
     } else if (compDTO.compStyle === CompStyle.Zh_Single_Row_02) {
       ZhSingleRow02({ compDTO })
       ZhSingleRow02({ compDTO })
     } else if (compDTO.compStyle === CompStyle.Zh_Single_Row_03) {
     } else if (compDTO.compStyle === CompStyle.Zh_Single_Row_03) {
-      LiveHorizontalReservationComponent({ compDTO: compDTO })
+      ZhSingleRow03({ compDTO: compDTO })
     } else if (compDTO.compStyle === CompStyle.Zh_Grid_Layout_02) {
     } else if (compDTO.compStyle === CompStyle.Zh_Grid_Layout_02) {
       ZhGridLayout02({ compDTO: compDTO })
       ZhGridLayout02({ compDTO: compDTO })
     } else if (compDTO.compStyle === CompStyle.Zh_Grid_Layout_03) {
     } else if (compDTO.compStyle === CompStyle.Zh_Grid_Layout_03) {

@@ -44,9 +44,9 @@ export struct DynamicDetailComponent {
   /**
   /**
    * 关注状态：默认未关注 点击去关注
    * 关注状态：默认未关注 点击去关注
    */
    */
-  @State  followStatus: String = '0';
+  @State  followStatus: String = '';
 
 
-  @State newsStatusOfUser: batchLikeAndCollectResult | undefined = undefined// 点赞、收藏状态
+  @State newsStatusOfUser: batchLikeAndCollectResult = {} as batchLikeAndCollectResult// 点赞、收藏状态
   //跳转
   //跳转
   private  mJumpInfo: ContentDTO = {} as ContentDTO;
   private  mJumpInfo: ContentDTO = {} as ContentDTO;
 
 
@@ -121,31 +121,33 @@ export struct DynamicDetailComponent {
                 }
                 }
                 .width('63%')
                 .width('63%')
                 .margin({right: $r('app.float.margin_6')})
                 .margin({right: $r('app.float.margin_6')})
-                if (this.followStatus == '0') {
-                  Text('关注')
-                    .width($r('app.float.margin_54'))
-                    .height($r('app.float.margin_24'))
-                    .textAlign(TextAlign.Center)
-                    .fontSize($r('app.float.font_size_12'))
-                    .borderRadius($r('app.float.vp_3'))
-                    .backgroundColor($r('app.color.color_ED2800'))
-                    .fontColor($r('app.color.color_fff'))
-                    .onClick(() => {
-                      this.handleAccention()
-                    })
-                } else {
-                  Text('已关注')
-                    .width($r('app.float.margin_54'))
-                    .height($r('app.float.margin_24'))
-                    .borderWidth(1)
-                    .textAlign(TextAlign.Center)
-                    .fontSize($r('app.float.font_size_12'))
-                    .borderRadius($r('app.float.vp_3'))
-                    .borderColor($r('app.color.color_CCCCCC'))
-                    .fontColor($r('app.color.color_CCCCCC'))
-                    .onClick(() => {
-                      this.handleAccention()
-                    })
+                if(!StringUtils.isEmpty(this.followStatus)){
+                  if (this.followStatus == '0') {
+                    Text('关注')
+                      .width($r('app.float.margin_54'))
+                      .height($r('app.float.margin_24'))
+                      .textAlign(TextAlign.Center)
+                      .fontSize($r('app.float.font_size_12'))
+                      .borderRadius($r('app.float.vp_3'))
+                      .backgroundColor($r('app.color.color_ED2800'))
+                      .fontColor($r('app.color.color_fff'))
+                      .onClick(() => {
+                        this.handleAccention()
+                      })
+                  } else {
+                    Text('已关注')
+                      .width($r('app.float.margin_54'))
+                      .height($r('app.float.margin_24'))
+                      .borderWidth(1)
+                      .textAlign(TextAlign.Center)
+                      .fontSize($r('app.float.font_size_12'))
+                      .borderRadius($r('app.float.vp_3'))
+                      .borderColor($r('app.color.color_CCCCCC'))
+                      .fontColor($r('app.color.color_CCCCCC'))
+                      .onClick(() => {
+                        this.handleAccention()
+                      })
+                  }
                 }
                 }
               }
               }
               .width('100%')
               .width('100%')
@@ -209,7 +211,7 @@ export struct DynamicDetailComponent {
                             }
                             }
                           }
                           }
                           .onClick((event: ClickEvent) => {
                           .onClick((event: ClickEvent) => {
-                            ProcessUtils.gotoMultiPictureListPage(this.contentDetailData.photoList)
+                            ProcessUtils.gotoMultiPictureListPage(this.contentDetailData.photoList,index)
                           })
                           })
                         } else {
                         } else {
                           GridCol({
                           GridCol({
@@ -226,7 +228,7 @@ export struct DynamicDetailComponent {
                               })
                               })
                           }
                           }
                           .onClick((event: ClickEvent) => {
                           .onClick((event: ClickEvent) => {
-                            ProcessUtils.gotoMultiPictureListPage(this.contentDetailData.photoList)
+                            ProcessUtils.gotoMultiPictureListPage(this.contentDetailData.photoList,index)
                           })
                           })
                         }
                         }
                       } else if (this.contentDetailData.photoList.length === 4) {
                       } else if (this.contentDetailData.photoList.length === 4) {
@@ -238,7 +240,7 @@ export struct DynamicDetailComponent {
                             .borderRadius(this.caclImageRadius(index))
                             .borderRadius(this.caclImageRadius(index))
                         }
                         }
                         .onClick((event: ClickEvent) => {
                         .onClick((event: ClickEvent) => {
-                          ProcessUtils.gotoMultiPictureListPage(this.contentDetailData.photoList)
+                          ProcessUtils.gotoMultiPictureListPage(this.contentDetailData.photoList,index)
                         })
                         })
                       } else {
                       } else {
                         GridCol({
                         GridCol({
@@ -249,7 +251,7 @@ export struct DynamicDetailComponent {
                             .borderRadius(this.caclImageRadius(index))
                             .borderRadius(this.caclImageRadius(index))
                         }
                         }
                         .onClick((event: ClickEvent) => {
                         .onClick((event: ClickEvent) => {
-                          ProcessUtils.gotoMultiPictureListPage(this.contentDetailData.photoList)
+                          ProcessUtils.gotoMultiPictureListPage(this.contentDetailData.photoList,index)
                         })
                         })
                       }
                       }
                     })
                     })
@@ -330,8 +332,8 @@ export struct DynamicDetailComponent {
                 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_24'))
-                  .height($r('app.float.margin_24'))
+                  .width($r('app.float.margin_36'))
+                  .height($r('app.float.margin_36'))
                   .objectFit(ImageFit.Cover)
                   .objectFit(ImageFit.Cover)
                 if(this.interactDataDTO?.likeNum != 0){
                 if(this.interactDataDTO?.likeNum != 0){
                   Text(NumberFormatterUtils.formatNumberWithWan(this.interactDataDTO?.likeNum))
                   Text(NumberFormatterUtils.formatNumberWithWan(this.interactDataDTO?.likeNum))
@@ -430,12 +432,18 @@ export struct DynamicDetailComponent {
 
 
   // 已登录->查询用户对作品点赞、收藏状态
   // 已登录->查询用户对作品点赞、收藏状态
   private async getInteractDataStatus() {
   private async getInteractDataStatus() {
+    // 未登录，跳转登录
+    const user_id = await SPHelper.default.get(SpConstants.USER_ID, '')
+    if (!user_id) {
+      WDRouterRule.jumpWithPage(WDRouterPage.loginPage)
+      return
+    }
     try {
     try {
       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 + '',
           }
           }
         ]
         ]
       }
       }
@@ -453,16 +461,23 @@ export struct DynamicDetailComponent {
    * 查询当前登录用户是否关注作品号主
    * 查询当前登录用户是否关注作品号主
    * */
    * */
   private async getBatchAttentionStatus() {
   private async getBatchAttentionStatus() {
+    // 未登录，跳转登录
+    const user_id = await SPHelper.default.get(SpConstants.USER_ID, '')
+    if (!user_id) {
+      WDRouterRule.jumpWithPage(WDRouterPage.loginPage)
+      this.followStatus = '0';
+      return
+    }
     try {
     try {
-      const params: postBatchAttentionStatusParams = {
-        creatorIds: [{ creatorId: this.contentDetailData?.rmhInfo?.rmhId ?? '' }]
+        const params: postBatchAttentionStatusParams = {
+          creatorIds: [{ creatorId: this.contentDetailData?.rmhInfo?.rmhId ?? '' }]
+        }
+        let data = await MultiPictureDetailViewModel.getBatchAttentionStatus(params)
+        this.followStatus = data[0]?.status;
+        Logger.info(TAG, `followStatus：${JSON.stringify(this.followStatus)}`)
+      } catch (exception) {
+        this.followStatus = '0';
       }
       }
-      let data = await MultiPictureDetailViewModel.getBatchAttentionStatus(params)
-      this.followStatus = data[0]?.status;
-      Logger.info(TAG, `followStatus：${JSON.stringify(this.followStatus)}`)
-    } catch (exception) {
-
-    }
   }
   }
 
 
   //创建跳转信息
   //创建跳转信息
@@ -558,18 +573,13 @@ export struct DynamicDetailComponent {
       contentType: this.contentDetailData?.newsType + '',
       contentType: this.contentDetailData?.newsType + '',
     }
     }
     ContentDetailRequest.postExecuteLike(params).then(res => {
     ContentDetailRequest.postExecuteLike(params).then(res => {
-
-      if (this.newsStatusOfUser) {
-        this.newsStatusOfUser.likeStatus = this.newsStatusOfUser?.likeStatus === '1' ? '0' : '1'
-        if (this.newsStatusOfUser.likeStatus === '1') {
-          this.interactDataDTO.likeNum = Number(this.interactDataDTO.likeNum) + 1
-        } else {
-          this.interactDataDTO.likeNum = Number(this.interactDataDTO.likeNum) - 1
-        }
-        console.log('点赞、取消点赞==', this.newsStatusOfUser?.likeStatus, this.interactDataDTO?.likeNum)
-        // this.queryContentInteractCount()
+      this.newsStatusOfUser.likeStatus = this.newsStatusOfUser?.likeStatus === '1' ? '0' : '1'
+      if (this.newsStatusOfUser.likeStatus === '1') {
+        this.interactDataDTO.likeNum = Number(this.interactDataDTO.likeNum) + 1
+      } else {
+        this.interactDataDTO.likeNum = Number(this.interactDataDTO.likeNum) - 1
       }
       }
-
+      console.log('点赞、取消点赞==', this.newsStatusOfUser?.likeStatus, this.interactDataDTO?.likeNum)
     })
     })
   }
   }
 }
 }

@@ -20,10 +20,11 @@ import { WDRouterPage, WDRouterRule } from 'wdRouter/Index';
 import { MultiPictureDetailViewModel } from '../viewmodel/MultiPictureDetailViewModel';
 import { MultiPictureDetailViewModel } from '../viewmodel/MultiPictureDetailViewModel';
 import { PageRepository } from '../repository/PageRepository';
 import { PageRepository } from '../repository/PageRepository';
 import { detailedSkeleton } from './skeleton/detailSkeleton';
 import { detailedSkeleton } from './skeleton/detailSkeleton';
+import { CommentComponent } from '../components/comment/view/CommentComponent'
 
 
 const PATTERN_DATE_CN_RN: string = 'yyyy年MM月dd日 HH:mm';
 const PATTERN_DATE_CN_RN: string = 'yyyy年MM月dd日 HH:mm';
 
 
-const TAG = 'ImageAndTextPageComponent'
+const TAG: string = 'ImageAndTextPageComponent'
 
 
 @Component
 @Component
 export struct ImageAndTextPageComponent {
 export struct ImageAndTextPageComponent {
@@ -76,7 +77,6 @@ export struct ImageAndTextPageComponent {
             Column() {
             Column() {
               // 点赞
               // 点赞
               if (this.contentDetailData[0]?.openLikes) {
               if (this.contentDetailData[0]?.openLikes) {
-                // 点赞
                 Row() {
                 Row() {
                   Row() {
                   Row() {
                     if (this.newsStatusOfUser?.likeStatus === '1') {
                     if (this.newsStatusOfUser?.likeStatus === '1') {
@@ -90,10 +90,12 @@ export struct ImageAndTextPageComponent {
                         .height(24)
                         .height(24)
                         .margin({ right: 5 })
                         .margin({ right: 5 })
                     }
                     }
-                    Text(`${this.interactData?.likeNum || 0}`)
-                      .fontSize(16)
-                      .fontColor(this.newsStatusOfUser?.likeStatus === '1' ? '#ED2800' : '#999999')
-                      .fontWeight(500)
+                    if(this.interactData?.likeNum !== '0'){
+                      Text(`${this.interactData?.likeNum}`)
+                        .fontSize(16)
+                        .fontColor(this.newsStatusOfUser?.likeStatus === '1' ? '#ED2800' : '#999999')
+                        .fontWeight(500)
+                    }
                   }
                   }
                   .width(140)
                   .width(140)
                   .height(36)
                   .height(36)
@@ -116,6 +118,12 @@ export struct ImageAndTextPageComponent {
               if (this.recommendList.length > 0) {
               if (this.recommendList.length > 0) {
                 RecommendList({ recommendList: this.recommendList })
                 RecommendList({ recommendList: this.recommendList })
               }
               }
+              // 评论
+              if(this.contentDetailData[0]?.openComment){
+                // CommentComponent({
+                //
+                // })
+              }
             }
             }
           }
           }
 
 
@@ -130,7 +138,9 @@ export struct ImageAndTextPageComponent {
         }
         }
 
 
         //底部交互区
         //底部交互区
-        OperRowListView({ contentDetailData: this.contentDetailData[0] })
+        if (this.contentDetailData?.length) {
+          OperRowListView({contentDetailData: this.contentDetailData[0]})
+        }
       }
       }
 
 
     }
     }

@@ -12,6 +12,7 @@ import { WdWebLocalComponent } from 'wdWebComponent';
 import { NativeCallH5Type } from 'wdWebComponent/src/main/ets/pages/NativeCallH5Type';
 import { NativeCallH5Type } from 'wdWebComponent/src/main/ets/pages/NativeCallH5Type';
 import { BridgeWebViewControl } from 'wdJsBridge/Index';
 import { BridgeWebViewControl } from 'wdJsBridge/Index';
 
 
+const TAG: string = 'ImageAndTextWebComponent'
 @Component
 @Component
 export struct ImageAndTextWebComponent {
 export struct ImageAndTextWebComponent {
   action: Action = {} as Action
   action: Action = {} as Action
@@ -60,9 +61,12 @@ export struct ImageAndTextWebComponent {
       // TODO 对接user信息、登录情况
       // TODO 对接user信息、登录情况
       let h5ReceiveDataExtraBean: H5ReceiveDataExtraBean = {
       let h5ReceiveDataExtraBean: H5ReceiveDataExtraBean = {
         creatorId: creatorId,
         creatorId: creatorId,
+        cnsTraceId: '',
         isLogin: isLogin,
         isLogin: isLogin,
-        networkStatus: Number(NetworkUtil.isNetConnected()),
         loadImageOnlyWifiSwitch: '2',
         loadImageOnlyWifiSwitch: '2',
+        networkStatus: Number(NetworkUtil.isNetConnected()),
+        darkMode: 'light',
+        fontSizes: 'normalsize'
 
 
       } as H5ReceiveDataExtraBean
       } as H5ReceiveDataExtraBean
       let h5ReceiveDataJsonBean: H5ReceiveDataJsonBean = {
       let h5ReceiveDataJsonBean: H5ReceiveDataJsonBean = {
@@ -83,7 +87,6 @@ export struct ImageAndTextWebComponent {
       this.h5ReceiveAppData.dataExt = h5ReceiveDataExtraBean
       this.h5ReceiveAppData.dataExt = h5ReceiveDataExtraBean
       this.dataPrepared = true
       this.dataPrepared = true
       this.trySendData2H5()
       this.trySendData2H5()
-
     }
     }
 
 
   }
   }
@@ -96,7 +99,6 @@ export struct ImageAndTextWebComponent {
         backVisibility: false,
         backVisibility: false,
         onWebPrepared: this.onWebPrepared.bind(this),
         onWebPrepared: this.onWebPrepared.bind(this),
         isPageEnd: $isPageEnd
         isPageEnd: $isPageEnd
-
       })
       })
     }
     }
   }
   }

@@ -20,7 +20,7 @@ export struct ImageDownloadComponent {
   @State image: PixelMap | undefined = undefined;
   @State image: PixelMap | undefined = undefined;
   @State photoAccessHelper: photoAccessHelper.PhotoAccessHelper | undefined = undefined; // 相册模块管理实例
   @State photoAccessHelper: photoAccessHelper.PhotoAccessHelper | undefined = undefined; // 相册模块管理实例
   @State imageBuffer: ArrayBuffer | undefined = undefined; // 图片ArrayBuffer
   @State imageBuffer: ArrayBuffer | undefined = undefined; // 图片ArrayBuffer
-  url: string = ''
+  @Prop @Watch('onChangeUrl') url: string = ''
 
 
   build() {
   build() {
     Column() {
     Column() {
@@ -40,7 +40,11 @@ export struct ImageDownloadComponent {
 
 
   }
   }
 
 
-  async aboutToAppear(): Promise<void> {
+  aboutToAppear(): void {
+    this.onChangeUrl()
+  }
+
+  async onChangeUrl(): Promise<void> {
     console.info(`cj2024 图片下载 ${this.url}`)
     console.info(`cj2024 图片下载 ${this.url}`)
     const context = getContext(this) as common.UIAbilityContext;
     const context = getContext(this) as common.UIAbilityContext;
     const atManager = abilityAccessCtrl.createAtManager();
     const atManager = abilityAccessCtrl.createAtManager();

-import { PhotoListBean } from 'wdBean/Index';
-import { Logger } from 'wdKit/Index';
-import { display, router } from '@kit.ArkUI';
-import { ImageDownloadComponent } from './ImageDownloadComponent';
-import { ImageItemView } from './view/ImageItemView';
-
-const TAG = 'ImageSwiperComponent';
-
-@Component
-export struct ImageSwiperComponent {
-  @Provide @Watch('onCurrentPageNumUpdated') currentPageNum: string = '01'
-  private scroller: Scroller = new Scroller()
-  @State swiperIndex: number = 0;
-  photoList: PhotoListBean[] = [];
-  private swiperController: SwiperController = new SwiperController()
-  private displayTool = display.getDefaultDisplaySync()
-  private screenWidth: number = 0
-  private picWidth: number = 0
-  @State picHeight: number = 0
-  @State isEnableSwipe: boolean = true;
-
-  // @Provide bgc: Color = Color.White;
-
-  //watch监听页码回调
-  onCurrentPageNumUpdated(): void {
-    Logger.info(TAG, `currentPageNum：${this.currentPageNum}`,)
-    let _swiperIndex = Number.parseInt(this.currentPageNum)
-    Logger.info(TAG, `_swiperIndex：${_swiperIndex}`)
-    this.swiperIndex = _swiperIndex > 0 ? _swiperIndex - 1 : _swiperIndex
-  }
-
-  aboutToAppear(): void {
-    //获取宽高尺寸
-    this.screenWidth = this.displayTool.width
-    // this.picWidth = this.screenWidth - vp2px(52)
-    this.picWidth = this.screenWidth
-    this.picHeight = this.picWidth * 578 / 375
-  }
-
-  build() {
-    RelativeContainer() {
-      Image($r('app.media.icon_arrow_left_white'))
-        .width(24)
-        .height(24)
-        .aspectRatio(1)
-        .interpolation(ImageInterpolation.High)
-        .alignRules({
-          top: { anchor: "__container__", align: VerticalAlign.Top },
-          left: { anchor: "__container__", align: HorizontalAlign.Start }
-        })
-        .onClick(() => {
-          router.back();
-        })
-        .id("backImg")
-
-      if (this.photoList && this.photoList?.length > 0) {
-        Swiper(this.swiperController) {
-          ForEach(this.photoList, (item: PhotoListBean) => {
-            // MultiPictureDetailItemComponent({ MultiPictureDetailItem: item })
-            ImageItemView({ MultiPictureDetailItem: item, isEnableSwipe: this.isEnableSwipe })
-          })
-        }
-        .index(this.swiperIndex)
-        .width('100%')
-        .height(px2vp(this.picHeight) + 32)
-        .vertical(false)
-        .autoPlay(false)
-        .cachedCount(3)
-        .indicator(false)
-        .displayCount(1)
-        .id('e_swiper_content')
-        .alignRules({
-          center: { anchor: "__container__", align: VerticalAlign.Center },
-          middle: { anchor: "__container__", align: HorizontalAlign.Center }
-        })
-        .onChange((index: number) => {
-          this.swiperIndex = index
-        })
-
-        Row() {
-          Scroll(this.scroller) {
-            Row() {
-              Flex({
-                direction: FlexDirection.Column,
-                justifyContent: FlexAlign.Start
-              }) {
-                Text() {
-                  Span(`${this.swiperIndex + 1}`)
-                    .fontSize(24)
-                    .fontFamily('PingFang SC-Medium')
-                    .fontWeight(500)
-                    .lineHeight(28)
-                  Span(`/${this.photoList.length}`)
-                    .fontSize(14)
-                    .fontFamily('PingFang SC-Medium')
-                    .fontWeight(500)
-                    .lineHeight(19)
-                }.fontColor(Color.White).margin(4)
-              }
-            }
-            .width('100%')
-            .margin({
-              top: 8,
-              left: 18,
-              bottom: 24,
-              right: 18
-            })
-          }
-          .scrollable(ScrollDirection.Vertical)
-          .scrollBarWidth(0)
-        }
-        .id('e_swiper_titles')
-        .alignRules({
-          bottom: { anchor: "__container__", align: VerticalAlign.Bottom },
-          middle: { anchor: "__container__", align: HorizontalAlign.Center }
-        })
-      }
-
-      ImageDownloadComponent({ url: this.photoList[this.swiperIndex].picPath })
-        .alignRules({
-          bottom: { anchor: "__container__", align: VerticalAlign.Bottom },
-          right: { anchor: "__container__", align: HorizontalAlign.End }
-        })
-        .margin({
-          top: 8,
-          left: 18,
-          bottom: 24,
-          right: 18
-        })
-        .id("downloadImg")
-    }
-    .width('100%')
-    .height('100%')
-    .backgroundColor(Color.Black)
-    .id('e_picture_container')
-    // 设置顶部绘制延伸到状态栏
-    // 设置底部绘制延伸到导航条
-    .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM])
-  }
-}

@@ -9,6 +9,10 @@ import { SingleColumn999Component } from './SingleColumn999Component';
 import { topicInfoView } from './topicInfoView';
 import { topicInfoView } from './topicInfoView';
 import { DateFormatUtil, PlayerConstants, WDPlayerController } from 'wdPlayer';
 import { DateFormatUtil, PlayerConstants, WDPlayerController } from 'wdPlayer';
 import { AudioDataList } from 'wdBean/src/main/ets/bean/morningevening/AudioDataList';
 import { AudioDataList } from 'wdBean/src/main/ets/bean/morningevening/AudioDataList';
+import { image } from '@kit.ImageKit';
+import { getPicture, imageNet2PixelMap } from '../../utils/ImageUtils';
+import { effectKit } from '@kit.ArkGraphics2D';
+import { window } from '@kit.ArkUI';
 
 
 const TAG = 'MorningEveningPaperComponent';
 const TAG = 'MorningEveningPaperComponent';
 
 
@@ -47,6 +51,9 @@ export struct MorningEveningPaperComponent {
   @Provide currentTime: string = "00:00";
   @Provide currentTime: string = "00:00";
   @Provide totalTime: string = "00:00";
   @Provide totalTime: string = "00:00";
   @Provide progressVal: number = 0;
   @Provide progressVal: number = 0;
+  @State mixedBgColor: string = ''
+  // 顶部安全高度赋值
+  @State topSafeHeight: 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({
@@ -93,6 +100,10 @@ export struct MorningEveningPaperComponent {
   }
   }
 
 
   async aboutToAppear() {
   async aboutToAppear() {
+    let windowHight: window.Window = await window.getLastWindow(getContext(this));
+    await windowHight.setWindowLayoutFullScreen(true);
+    this.topSafeHeight = px2vp(windowHight.getWindowAvoidArea(window.AvoidAreaType.TYPE_SYSTEM).topRect.height)
+
     let dailyPaperTopicPageId = await SPHelper.default.getSync('dailyPaperTopicPageId', "") as String
     let dailyPaperTopicPageId = await SPHelper.default.getSync('dailyPaperTopicPageId', "") as String
     console.info(TAG, `aboutToAppear = ` + dailyPaperTopicPageId)
     console.info(TAG, `aboutToAppear = ` + dailyPaperTopicPageId)
     const currentTime = new Date().getTime()
     const currentTime = new Date().getTime()
@@ -110,6 +121,7 @@ export struct MorningEveningPaperComponent {
 
 
       Logger.info(TAG, "pageInfoBean dateTime = " + dateTime)
       Logger.info(TAG, "pageInfoBean dateTime = " + dateTime)
       Logger.info(TAG, "pageInfoBean subTitle = " + this.subTitle)
       Logger.info(TAG, "pageInfoBean subTitle = " + this.subTitle)
+      this.setComponentBgColor(pageInfoBean.backgroundImgUrl)
 
 
       let compInfoBean = await MorningEveningViewModel.getMorningEveningCompInfo(pageInfoBean?.id, pageInfoBean?.groups[0]?.id, currentTime + "", pageInfoBean?.topicInfo?.topicId)
       let compInfoBean = await MorningEveningViewModel.getMorningEveningCompInfo(pageInfoBean?.id, pageInfoBean?.groups[0]?.id, currentTime + "", pageInfoBean?.topicInfo?.topicId)
       // this.compInfoBean = compInfoBean
       // this.compInfoBean = compInfoBean
@@ -130,6 +142,35 @@ export struct MorningEveningPaperComponent {
     } catch (exception) {
     } catch (exception) {
 
 
     }
     }
+
+  }
+
+  async setComponentBgColor(imageUrl: string) {
+    // 图片转换为PixelMap对象
+    // const pixelMap: image.PixelMap = await image2PixelMap(item.icon);
+    const imageSource: image.ImageSource | undefined = await getPicture(imageUrl);
+    if (imageSource) {
+      this.pickColor(imageSource)
+
+    }
+
+  }
+
+  private async pickColor(imageSource: image.ImageSource | undefined) {
+    if (imageSource) {
+      const pixelMap: image.PixelMap = await imageNet2PixelMap(imageSource);
+      effectKit.createColorPicker(pixelMap, (err, colorPicker) => {
+        let color = colorPicker.getMainColorSync();
+        // 将取色器选取的color示例转换为十六进制颜色代码
+        this.mixedBgColor = "#" + color.alpha.toString(16) + color.red.toString(16) + color.green.toString(16) + color.blue.toString(16);
+      });
+
+    }
+  }
+
+  async aboutToDisappear() {
+    let windowHight: window.Window = await window.getLastWindow(getContext(this));
+    await windowHight.setWindowLayoutFullScreen(false);
   }
   }
 
 
   onPageHide() {
   onPageHide() {
@@ -175,7 +216,9 @@ export struct MorningEveningPaperComponent {
     .width('100%')
     .width('100%')
     // .backgroundColor('#000080')
     // .backgroundColor('#000080')
     // .backgroundColor(Color.Black)
     // .backgroundColor(Color.Black)
-    .backgroundColor(this.pageInfoBean?.backgroundColor ?? Color.Black)
+    // .backgroundColor(this.pageInfoBean?.backgroundColor ?? Color.Black)
+    .backgroundColor(this.mixedBgColor ?? Color.Black)
+    .padding({ top: this.topSafeHeight })
   }
   }
 
 
   @Builder
   @Builder

-import { NetworkUtil, Logger, NetworkType, SPHelper, } from 'wdKit';
+import { NetworkUtil, Logger, NetworkType, SPHelper, WindowModel} from 'wdKit';
 import { ResponseDTO } from 'wdNetwork';
 import { ResponseDTO } from 'wdNetwork';
 import {
 import {
   ContentDetailDTO,
   ContentDetailDTO,
@@ -78,230 +78,236 @@ export struct MultiPictureDetailPageComponent {
 
 
   build() {
   build() {
     RelativeContainer() {
     RelativeContainer() {
-      if (this.contentDetailData?.photoList && this.contentDetailData?.photoList?.length > 0) {
-        Swiper(this.swiperController) {
-          ForEach(this.contentDetailData.photoList, (item: PhotoListBean) => {
-            Swiper(this.swiperControllerItem) {
-              MultiPictureDetailItemComponent({ MultiPictureDetailItem: item })
+      this.init()
+    }
+    .width('100%')
+    .height('100%')
+    .backgroundColor(Color.Black)
+    .id('e_picture_container')
+    // 设置顶部绘制延伸到状态栏
+    // 设置底部绘制延伸到导航条
+    .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM])
+  }
+
+  @Builder
+  init() {
+    if (this.contentDetailData.rmhPlatform == 1) {
+      Row() {
+        Row({ space: 8 }) {
+          Row() {
+            Image(this.contentDetailData?.rmhInfo?.rmhHeadUrl)
+              .borderRadius(24)
+              .aspectRatio(1)
+              .border({ width: 1, color: Color.White, style: BorderStyle.Solid })
+              .alt($r('app.media.picture_loading'))
+              .width(36)
+              .height(36)
+              .objectFit(ImageFit.Fill)
+              .interpolation(ImageInterpolation.High)
+          }
+          .width('13%')
+          .height('100%')
+
+          Row() {
+            Flex({
+              direction: FlexDirection.Column,
+              justifyContent: FlexAlign.SpaceAround,
+              alignItems: ItemAlign.Start
+            }) {
+              Text(`${this.contentDetailData?.rmhInfo?.rmhName}`)
+                .fontColor(Color.White)
+                .fontSize(14)
+                .fontFamily('PingFang PingFang SC-Medium')
+                .fontWeight(500)
+                .lineHeight(17)
+                .margin(0)
+                .height(17)
+              Text(`${this.contentDetailData?.rmhInfo?.rmhDesc}`)
+                .fontColor('#676767')
+                .fontSize(12)
+                .fontFamily('PingFang SC-Regular')
+                .fontWeight(400)
+                .lineHeight(14)
+                .height(14)
+                .textOverflow({ overflow: TextOverflow.Ellipsis })
+                .margin(0)
+                .maxLines(1)
             }
             }
-            .width('100%')
-            .height('100%')
-            .vertical(true)
-            .autoPlay(false)
-            .cachedCount(1)
-            .indicator(false)
-            .displayCount(1)
-            .onAnimationEnd(event => {
-              router.back()
-            })
-          })
+          }
+          .width('81%')
+          .height('100%')
         }
         }
-        .index(this.swiperIndex)
-        .width('100%')
-        .height(px2vp(this.picHeight) + 32)
-        .vertical(false)
-        .autoPlay(false)
-        .cachedCount(3)
-        .indicator(false)
-        .displayCount(1)
-        .loop(false)
-        .id('e_swiper_content')
-        .alignRules({
-          center: { anchor: "__container__", align: VerticalAlign.Center },
-          middle: { anchor: "__container__", align: HorizontalAlign.Center }
-        })
-        .onChange((index: number) => {
-          this.swiperIndex = index
+        .width('74.4%')
+        .height('100%')
+        .margin({
+          top: 0,
+          bottom: 0,
+          left: 16,
+          right: 0
         })
         })
 
 
-        if (this.contentDetailData.rmhPlatform == 1) {
+        if (this.followStatus == '0') {
           Row() {
           Row() {
-            Row({ space: 8 }) {
+            Button({ type: ButtonType.Normal, stateEffect: true }) {
               Row() {
               Row() {
-                Image(this.contentDetailData?.rmhInfo?.rmhHeadUrl)
-                  .borderRadius(24)
-                  .aspectRatio(1)
-                  .border({ width: 1, color: Color.White, style: BorderStyle.Solid })
-                  .alt($r('app.media.picture_loading'))
-                  .width(36)
-                  .height(36)
-                  .objectFit(ImageFit.Fill)
-                  .interpolation(ImageInterpolation.High)
-              }
-              .width('13%')
-              .height('100%')
-
-              Row() {
-                Flex({
-                  direction: FlexDirection.Column,
-                  justifyContent: FlexAlign.SpaceAround,
-                  alignItems: ItemAlign.Start
-                }) {
-                  Text(`${this.contentDetailData?.rmhInfo?.rmhName}`)
-                    .fontColor(Color.White)
-                    .fontSize(14)
-                    .fontFamily('PingFang PingFang SC-Medium')
-                    .fontWeight(500)
-                    .lineHeight(17)
-                    .margin(0)
-                    .height(17)
-                  Text(`${this.contentDetailData?.rmhInfo?.rmhDesc}`)
-                    .fontColor('#676767')
-                    .fontSize(12)
-                    .fontFamily('PingFang SC-Regular')
-                    .fontWeight(400)
-                    .lineHeight(14)
-                    .height(14)
-                    .textOverflow({ overflow: TextOverflow.Ellipsis })
-                    .margin(0)
-                }
-              }
-              .width('81%')
-              .height('100%')
+                Text('+关注').fontSize(12).fontColor(0xffffff)
+              }.alignItems(VerticalAlign.Center)
             }
             }
-            .width('74.4%')
-            .height('100%')
-            .margin({
-              top: 0,
-              bottom: 0,
-              left: 16,
-              right: 0
+            .borderRadius(4)
+            .backgroundColor('#ED2800')
+            .width(48)
+            .height(24)
+            .onClick(() => {
+              this.handleAccention()
             })
             })
-
-            if (this.followStatus == '0') {
-              Row() {
-                Button({ type: ButtonType.Normal, stateEffect: true }) {
-                  Row() {
-                    Text('+关注').fontSize(12).fontColor(0xffffff)
-                  }.alignItems(VerticalAlign.Center)
-                }
-                .borderRadius(4)
-                .backgroundColor('#ED2800')
-                .width(48)
-                .height(24)
-                .onClick(() => {
-                  this.handleAccention()
-                })
-              }
-              .justifyContent(FlexAlign.Center)
-              .alignItems(VerticalAlign.Center)
-              .width('21.6%')
-              .height('100%')
-            }
+          }
+          .justifyContent(FlexAlign.Center)
+          .alignItems(VerticalAlign.Center)
+          .width('21.6%')
+          .height('100%')
+        }
+      }
+      .width('100%')
+      .height(44)
+      .alignRules({
+        top: { anchor: "__container__", align: VerticalAlign.Top },
+        middle: { anchor: "__container__", align: HorizontalAlign.Center }
+      })
+      .id('e_attention')
+    }
+    if (this.contentDetailData?.photoList && this.contentDetailData?.photoList?.length > 0) {
+      Swiper(this.swiperController) {
+        ForEach(this.contentDetailData.photoList, (item: PhotoListBean) => {
+          Swiper(this.swiperControllerItem) {
+            MultiPictureDetailItemComponent({ MultiPictureDetailItem: item })
           }
           }
           .width('100%')
           .width('100%')
-          .height(44)
-          .alignRules({
-            top: { anchor: "e_swiper_content", align: VerticalAlign.Top },
-            middle: { anchor: "e_swiper_content", align: HorizontalAlign.Center }
+          .height('100%')
+          .vertical(true)
+          .autoPlay(false)
+          .cachedCount(1)
+          .indicator(false)
+          .displayCount(1)
+          .onAnimationEnd(event => {
+            router.back()
           })
           })
-          .id('e_attention')
-        }
-        Row() {
-          Scroll(this.scroller) {
-            Row() {
-              Flex({
-                direction: FlexDirection.Column,
-                justifyContent: FlexAlign.Start
-              }) {
-                Text() {
-                  Span(`${this.swiperIndex + 1}`)
-                    .fontSize(24)
-                    .fontFamily('PingFang SC-Medium')
-                    .fontWeight(500)
-                    .lineHeight(28)
-                  Span(`/${this.contentDetailData.photoList.length}`)
-                    .fontSize(14)
-                    .fontFamily('PingFang SC-Medium')
-                    .fontWeight(500)
-                    .lineHeight(19)
-                }.fontColor(Color.White).margin(4)
+        })
+      }
+      .index(this.swiperIndex)
+      .width('100%')
+      .height(px2vp(this.picHeight) + 32)
+      .vertical(false)
+      .autoPlay(false)
+      .cachedCount(3)
+      .indicator(false)
+      .displayCount(1)
+      .loop(false)
+      .id('e_swiper_content')
+      .alignRules({
+        center: { anchor: "__container__", align: VerticalAlign.Center },
+        middle: { anchor: "__container__", align: HorizontalAlign.Center }
+      })
+      .onChange((index: number) => {
+        this.swiperIndex = index
+      })
 
 
-                Text(`${this.contentDetailData.newsTitle}`)
-                  .fontColor(Color.White)
-                  .fontSize(16)
-                  .fontFamily('PingFang SC-Semibold')
-                  .fontWeight(600)
-                  .lineHeight(24)
-                  .margin({
-                    top: 4,
-                    left: 0,
-                    bottom: 4,
-                    right: 0
-                  })
-                Text(`${this.contentDetailData.photoList?.[this.swiperIndex].picDesc}`)
-                  .fontColor(Color.White)
+      Row() {
+        Scroll(this.scroller) {
+          Row() {
+            Flex({
+              direction: FlexDirection.Column,
+              justifyContent: FlexAlign.Start
+            }) {
+              Text() {
+                Span(`${this.swiperIndex + 1}`)
+                  .fontSize(24)
+                  .fontFamily('PingFang SC-Medium')
+                  .fontWeight(500)
+                  .lineHeight(28)
+                Span(`/${this.contentDetailData.photoList.length}`)
                   .fontSize(14)
                   .fontSize(14)
-                  .fontFamily('PingFang SC-Regular')
-                  .fontWeight(400)
-                  .lineHeight(22)
-                  .textOverflow({ overflow: TextOverflow.Ellipsis })
-                  .margin({
-                    top: 4,
-                    left: 0,
-                    bottom: 4,
-                    right: 18
-                  })
-                  .maxLines(16)
-              }
-            }
-            .width('100%')
-            .margin({
-              top: 8,
-              left: 18,
-              bottom: 24,
-              right: 18
-            })
-          }
-          .scrollable(ScrollDirection.Vertical)
-          .scrollBarWidth(0)
-          .height(px2vp(this.titleHeight))
-        }
-        .id('e_swiper_titles')
-        .alignRules({
-          bottom: { anchor: "__container__", align: VerticalAlign.Bottom },
-          middle: { anchor: "__container__", align: HorizontalAlign.Center }
-        })
-        .height(px2vp(this.titleHeight) + 64)
+                  .fontFamily('PingFang SC-Medium')
+                  .fontWeight(500)
+                  .lineHeight(19)
+              }.fontColor(Color.White).margin(4)
 
 
-      }
-      if (this.netStatus !== undefined) {
-        EmptyComponent({
-          emptyType: this.netStatus, emptyButton: true, retry: () => {
-            this.getContentDetailData()
+              Text(`${this.contentDetailData.newsTitle}`)
+                .fontColor(Color.White)
+                .fontSize(16)
+                .fontFamily('PingFang SC-Semibold')
+                .fontWeight(600)
+                .lineHeight(24)
+                .margin({
+                  top: 4,
+                  left: 0,
+                  bottom: 4,
+                  right: 0
+                })
+              Text(`${this.contentDetailData.photoList?.[this.swiperIndex].picDesc}`)
+                .fontColor(Color.White)
+                .fontSize(14)
+                .fontFamily('PingFang SC-Regular')
+                .fontWeight(400)
+                .lineHeight(22)
+                .textOverflow({ overflow: TextOverflow.Ellipsis })
+                .margin({
+                  top: 4,
+                  left: 0,
+                  bottom: 4,
+                  right: 18
+                })
+                .maxLines(16)
+            }
           }
           }
-        })
-          .id('e_empty_content')
-          .alignRules({
-            center: { anchor: "__container__", align: VerticalAlign.Center },
-            middle: { anchor: "__container__", align: HorizontalAlign.Center }
+          .width('100%')
+          .margin({
+            top: 8,
+            left: 18,
+            bottom: 24,
+            right: 18
           })
           })
+        }
+        .scrollable(ScrollDirection.Vertical)
+        .scrollBarWidth(0)
+        .height(px2vp(this.titleHeight))
       }
       }
-      OperRowListView({
-        contentDetailData: this.contentDetailData,
+      .id('e_swiper_titles')
+      .alignRules({
+        bottom: { anchor: "__container__", align: VerticalAlign.Bottom },
+        middle: { anchor: "__container__", align: HorizontalAlign.Center }
       })
       })
+      .height(px2vp(this.titleHeight) + 64)
+
+    }
+    if (this.netStatus !== undefined) {
+      EmptyComponent({
+        emptyType: this.netStatus, emptyButton: true, retry: () => {
+          this.getContentDetailData()
+        }
+      })
+        .id('e_empty_content')
         .alignRules({
         .alignRules({
-          bottom: { anchor: "__container__", align: VerticalAlign.Bottom },
+          center: { anchor: "__container__", align: VerticalAlign.Center },
           middle: { anchor: "__container__", align: HorizontalAlign.Center }
           middle: { anchor: "__container__", align: HorizontalAlign.Center }
         })
         })
-        .width('100%')
-        .height(56)
-        .margin({
-          top: 16,
-          left: 16,
-          right: 16,
-          bottom: 0
-        })
-        .border({ width: { top: 0.5 }, color: '#FFFFFF' })
-        .id('e_oper_row')
     }
     }
-    .width('100%')
-    .height('100%')
-    .backgroundColor(Color.Black)
-    .id('e_picture_container')
-    // 设置顶部绘制延伸到状态栏
-    // 设置底部绘制延伸到导航条
-    .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM])
+    OperRowListView({
+      contentDetailData: this.contentDetailData,
+    })
+      .alignRules({
+        bottom: { anchor: "__container__", align: VerticalAlign.Bottom },
+        middle: { anchor: "__container__", align: HorizontalAlign.Center }
+      })
+      .width('100%')
+      .height(56)
+      .margin({
+        top: 16,
+        left: 16,
+        right: 16,
+        bottom: 0
+      })
+      .border({ width: { top: 0.5 }, color: '#FFFFFF' })
+      .id('e_oper_row')
   }
   }
 
 
   getContentDetailData() {
   getContentDetailData() {
@@ -318,6 +324,11 @@ export struct MultiPictureDetailPageComponent {
           }
           }
           this.netStatus = undefined
           this.netStatus = undefined
           this.contentDetailData = resDTO.data?.[0];
           this.contentDetailData = resDTO.data?.[0];
+          if (this.contentDetailData.rmhPlatform == 1) {
+            WindowModel.shared.setWindowSystemBarProperties({
+              statusBarContentColor: '#ffffff',
+            })
+          }
           // this.contentDetailData.photoList = []
           // this.contentDetailData.photoList = []
           if (this.contentDetailData?.photoList && this.contentDetailData?.photoList?.length === 0) {
           if (this.contentDetailData?.photoList && this.contentDetailData?.photoList?.length === 0) {
             // 暂无内容
             // 暂无内容

-import { Action, H5ReceiveDetailBean } from 'wdBean';
+import { Action, H5ReceiveDetailBean, ContentDetailDTO } from 'wdBean';
 import { WdWebComponent } from 'wdWebComponent';
 import { WdWebComponent } from 'wdWebComponent';
 import router from '@ohos.router';
 import router from '@ohos.router';
 import { CommonConstants } from 'wdConstant'
 import { CommonConstants } from 'wdConstant'
 import { BridgeWebViewControl } from 'wdJsBridge/Index';
 import { BridgeWebViewControl } from 'wdJsBridge/Index';
 import { detailedSkeleton } from './skeleton/detailSkeleton'
 import { detailedSkeleton } from './skeleton/detailSkeleton'
 import { NativeCallH5Type } from 'wdWebComponent/src/main/ets/pages/NativeCallH5Type';
 import { NativeCallH5Type } from 'wdWebComponent/src/main/ets/pages/NativeCallH5Type';
-const TAG = 'SpacialTopicPageComponent'
+import { OperRowListView } from './view/OperRowListView';
+import DetailViewModel from '../viewmodel/DetailViewModel';
+
+const TAG: string = 'SpacialTopicPageComponent'
 
 
 @Component
 @Component
 export struct SpacialTopicPageComponent {
 export struct SpacialTopicPageComponent {
@@ -14,6 +17,7 @@ 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 []
   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;
@@ -37,11 +41,33 @@ export struct SpacialTopicPageComponent {
       })
       })
   }
   }
 
 
+  private async getDetail() {
+    let contentId: string = ''
+    let relId: string = ''
+    let relType: string = ''
+    if (this.action && this.action.params) {
+      if (this.action.params.contentID) {
+        contentId = this.action.params.contentID;
+      }
+      if (this.action && this.action.params && this.action.params.extra) {
+        if (this.action.params.extra.relId) {
+          relId = this.action.params.extra.relId;
+        }
+        if (this.action.params.extra.relType) {
+          relType = this.action.params.extra.relType
+        }
+
+      }
+      let detailBeans = await DetailViewModel.getDetailPageData(relId, contentId, relType)
+      if (detailBeans && detailBeans.length > 0) {
+        this.contentDetailData = detailBeans;
+        this.trySendData2H5()
+      }
+    }
+  }
+
   build() {
   build() {
     Column() {
     Column() {
-      if (!this.isPageEnd) {
-        detailedSkeleton()
-      }
       Stack({ alignContent: Alignment.Bottom }) {
       Stack({ alignContent: Alignment.Bottom }) {
         Column() {
         Column() {
           WdWebComponent({
           WdWebComponent({
@@ -52,62 +78,23 @@ export struct SpacialTopicPageComponent {
             isPageEnd: $isPageEnd
             isPageEnd: $isPageEnd
           })
           })
         }
         }
-        .padding({ bottom: 56 })
         .width(CommonConstants.FULL_WIDTH)
         .width(CommonConstants.FULL_WIDTH)
         .height(CommonConstants.FULL_HEIGHT)
         .height(CommonConstants.FULL_HEIGHT)
+        .padding({ bottom: 126 })
 
 
-        //底部交互区
-        Row() {
-          Image($r('app.media.icon_arrow_left'))
-            .width(24)
-            .height(24)
-            .onClick((event: ClickEvent) => {
-              router.back()
-            })
-
-          Row() {
-            Image($r('app.media.icon_comment'))
-              .width(24)
-              .height(24)
-              .margin({ right: 24 })
-              .id('comment')
-
-            Image($r('app.media.icon_star'))
-              .width(24)
-              .height(24)
-              .margin({ right: 24 })
-
-            Image($r('app.media.icon_listen'))
-              .width(24)
-              .height(24)
-              .margin({ right: 24 })
-
-            Image($r('app.media.icon_forward'))
-              .width(24)
-              .height(24)
-
-          }
+        if (!this.isPageEnd) {
+          detailedSkeleton()
         }
         }
-        .width(CommonConstants.FULL_WIDTH)
-        .height(56)
-        .padding({ left: 15, right: 15, bottom: 20, top: 20 })
-        .justifyContent(FlexAlign.SpaceBetween)
-        .backgroundColor(Color.White)
-
+        //底部交互区
+        OperRowListView({ contentDetailData: this.contentDetailData[0] })
       }
       }
     }.width(CommonConstants.FULL_WIDTH).height(CommonConstants.FULL_HEIGHT)
     }.width(CommonConstants.FULL_WIDTH).height(CommonConstants.FULL_HEIGHT)
-    .backgroundColor(Color.White)
   }
   }
 
 
   aboutToAppear() {
   aboutToAppear() {
-    let action: Action = router.getParams() as Action
-    if (action) {
-      this.webUrl = action.params?.url || ''
+    if (this.action) {
+      this.webUrl = this.action.params?.url || ''
     }
     }
-    this.trySendData2H5()
-  }
-
-  aboutToDisappear() {
-
+    this.getDetail()
   }
   }
 }
 }

@@ -102,7 +102,7 @@ export struct Card19Component {
             }
             }
             return photo
             return photo
           })
           })
-          ProcessUtils.gotoMultiPictureListPage(photoList)
+          ProcessUtils.gotoMultiPictureListPage(photoList,0)
         })
         })
       //TODO  底部的：分享、评论、点赞 功能；需要引用一个公共组件
       //TODO  底部的：分享、评论、点赞 功能；需要引用一个公共组件
     }
     }

@@ -104,6 +104,9 @@ struct createImg {
           }
           }
           .align(Alignment.BottomEnd)
           .align(Alignment.BottomEnd)
         }
         }
+        .onClick((event: ClickEvent) => {
+          ProcessUtils.gotoVod(this.contentDTO)
+        })
       } else {
       } else {
         // 竖图显示，宽度占50%，高度自适应
         // 竖图显示，宽度占50%，高度自适应
         GridCol({
         GridCol({

@@ -17,7 +17,7 @@ export class publishCommentModel {
   /*内容类别， 1:点播,2:直播,3:活动,4:广告,5:专题,6:链接,7:榜单,8:图文,9:组图,10:H5新闻,11:频道,12:组件,13:音频,14:动态（13和14为中文版新增） 页面必传*/
   /*内容类别， 1:点播,2:直播,3:活动,4:广告,5:专题,6:链接,7:榜单,8:图文,9:组图,10:H5新闻,11:频道,12:组件,13:音频,14:动态（13和14为中文版新增） 页面必传*/
   targetType: string = ''
   targetType: string = ''
   /*评论总数*/
   /*评论总数*/
-  totalCommentNumer: string = ''
+  totalCommentNumer: string = '0'
 
 
   //评论传参
   //评论传参
   /*评论图片url，多个逗号隔开*/
   /*评论图片url，多个逗号隔开*/

-
 import { publishCommentModel } from '../model/PublishCommentModel'
 import { publishCommentModel } from '../model/PublishCommentModel'
 
 
 @Preview
 @Preview
 @Component
 @Component
 export struct CommentTabComponent {
 export struct CommentTabComponent {
   @ObjectLink publishCommentModel: publishCommentModel
   @ObjectLink publishCommentModel: publishCommentModel
+  /*展示类型*/
+  @State type:number = 1
+  @State placeHolder: string = '说两句...'
 
 
   build() {
   build() {
+    Row(){
+      Stack({alignContent:Alignment.Start}){
+        Image($r('app.media.comment_img_input_hui')).width(151).height(30)
+        Text(this.placeHolder).fontSize(12).fontColor('#999999').margin({left:10})
+      }
+    }.width(151).height(30)
+  }
+}
+
+@Preview
+@Component
+export struct CommentIconComponent {
+  @ObjectLink publishCommentModel: publishCommentModel
+  /*展示类型*/
+  @State type:number = 1
+
+  build() {
+    Row(){
+      Stack({alignContent:Alignment.TopEnd}){
+        Image($r('app.media.comment_icon')).width(24).height(24)
+        // Stack({alignContent:Alignment.Start}) {
+          // Image($r('app.media.comment_icon_number')).objectFit(ImageFit.Fill).width(12).height(12)
+          Text(this.publishCommentModel.totalCommentNumer + '12345'  +'  ')
+            .fontSize(8)
+            .fontColor('#ffffff')
+            // .backgroundColor('#ED2800')
+            .height(12)
+            .margin({ left: 6 })
+            .backgroundImage($r('app.media.comment_icon_number'))
+        // }.width(25)
+
+        .offset({
+          x:12
+        })
+      }
+    }.width(24).height(24)
   }
   }
 }
 }

@@ -5,7 +5,6 @@ import commentViewModel from '../viewmodel/CommentViewModel'
 import { router, window } from '@kit.ArkUI'
 import { router, window } from '@kit.ArkUI'
 import { CustomTitleUI } from '../../reusable/CustomTitleUI'
 import { CustomTitleUI } from '../../reusable/CustomTitleUI'
 import { MyCommentDataSource } from '../model/MyCommentDataSource'
 import { MyCommentDataSource } from '../model/MyCommentDataSource'
-import { HttpUtils } from 'wdNetwork/src/main/ets/utils/HttpUtils'
 import { HttpUrlUtils } from 'wdNetwork/Index'
 import { HttpUrlUtils } from 'wdNetwork/Index'
 import PageModel from '../../../viewmodel/PageModel'
 import PageModel from '../../../viewmodel/PageModel'
 import { ErrorComponent } from '../../view/ErrorComponent'
 import { ErrorComponent } from '../../view/ErrorComponent'
@@ -196,8 +195,8 @@ export struct QualityCommentsComponent {
               //     alldata:[],
               //     alldata:[],
               //     scroller:this.scroller,
               //     scroller:this.scroller,
               //     customList:()=>{
               //     customList:()=>{
-              //       // this.listLayout()
-              //       this.testLayout()
+              //       this.listLayout()
+              //       // this.testLayout()
               //     },
               //     },
               //     onRefresh:(resolve)=>{
               //     onRefresh:(resolve)=>{
               //       this.currentPage = 1
               //       this.currentPage = 1
@@ -269,7 +268,7 @@ export struct QualityCommentsComponent {
     List({ space: 12, scroller:this.scroller }){
     List({ space: 12, scroller:this.scroller }){
       LazyForEach(this.allDatas, (item: commentItemModel, index: number) => {
       LazyForEach(this.allDatas, (item: commentItemModel, index: number) => {
         ListItem() {
         ListItem() {
-          // QualityCommentItem({ item: item, index: index }).margin({ left: 12, right: 12 })
+          QualityCommentItem({ item: item, index: index }).margin({ left: 12, right: 12 })
         }
         }
       })
       })
     }
     }

@@ -77,6 +77,7 @@ export struct ZhSingleRow02 {
       .padding({
       .padding({
         right: $r('app.float.card_comp_pagePadding_lf'),
         right: $r('app.float.card_comp_pagePadding_lf'),
       })
       })
+      .visibility(this.compDTO?.objectType === '0' || this.compDTO?.objectType === '' ? Visibility.None : Visibility.Visible)
       .onClick(() => {
       .onClick(() => {
         if (this.compDTO?.objectType === '11') {
         if (this.compDTO?.objectType === '11') {
           ProcessUtils.jumpChannelTab(this.compDTO.objectId, this.compDTO.pageId as string)
           ProcessUtils.jumpChannelTab(this.compDTO.objectId, this.compDTO.pageId as string)

+import { CompDTO, ContentDTO, Params } from 'wdBean';
+import { WDRouterPage, WDRouterRule } from 'wdRouter/Index';
+import { HttpUrlUtils } from 'wdNetwork/Index';
+import { postInteractAccentionOperateParams } from 'wdBean';
+import { PageRepository } from '../../repository/PageRepository';
+import { CommonConstants } from 'wdConstant/Index';
+import { ProcessUtils } from 'wdRouter';
+
+/**
+ * 小视频横划卡
+ * Zh_Single_Row-02
+ */
+const TAG = 'Zh_Single_Row-03'
+
+@Entry
+@Component
+export struct ZhSingleRow03 {
+  @State compDTO: CompDTO = {} as CompDTO
+  scroller: Scroller = new Scroller()
+
+  build() {
+    Column() {
+      //顶部
+      this.CompHeader(this.compDTO)
+
+      Scroll(this.scroller){
+        Row() {
+          ForEach(this.compDTO.operDataList, (item: ContentDTO) => {
+            Column() {
+              Row() {
+                Image(item.coverUrl)
+                  .width(106)
+                  .height(60)
+                  .margin({right: 12})
+                Text(item.newsTitle)
+                  .width(154)
+                  .height(60)
+                  .maxLines(3)
+                  .textOverflow({overflow: TextOverflow.Ellipsis})
+              }
+              .margin({bottom: 16})
+
+              Row() {
+                Flex({justifyContent: FlexAlign.SpaceBetween}){
+                  Row() {
+                    Text(item.liveInfo.liveStartTime.split(' ')[0].slice(5))
+                      .margin({right: 6})
+                      .fontColor(0x000000)
+                      .fontSize(13)
+                      .textAlign(TextAlign.Start)
+                    Image($r('app.media.timeline_rect'))
+                      .width(4)
+                      .height(3)
+                      .margin({right: 6})
+                    Text(item.liveInfo.liveStartTime.split(' ')[1].slice(0, 5))
+                      .margin({right: 6})
+                      .fontColor(0x000000)
+                      .fontSize(13)
+                    Text('开始直播')
+                      .fontColor(0xC8C8C8)
+                      .fontSize(13)
+                  }
+
+                  Row() {
+                    Text('预约')
+                      .width(48)
+                      .height(24)
+                      .backgroundColor(0xED2800)
+                      .fontColor(0xffffff)
+                      .fontSize(12)
+                      .textAlign(TextAlign.Center)
+                      .borderRadius(3)
+                  }
+                  .margin({top: -5})
+                }
+
+              }
+            }
+            .width(298)
+            .height(116)
+            .padding({top: 12, bottom: 12, left: 12, right: 12})
+            .backgroundColor(0xf9f9f9)
+            .margin({right: 8})
+            .onClick(() => {
+              ProcessUtils.processPage(item)
+            })
+          })
+        }
+      }
+      .scrollable(ScrollDirection.Horizontal)
+      .scrollBar(BarState.Off)
+    }
+    .padding({
+      left: $r('app.float.card_comp_pagePadding_lf'),
+      right: $r('app.float.card_comp_pagePadding_lf'),
+      top: $r('app.float.card_comp_pagePadding_tb'),
+      bottom: $r('app.float.card_comp_pagePadding_tb')
+    })
+    .backgroundColor($r('app.color.white'))
+  }
+
+  @Builder
+  CompHeader(item: CompDTO) {
+    Row() {
+      Row() {
+        Image($r("app.media.redLine"))
+          .width(3)
+          .height(16)
+          .margin({ right: 4 })
+        Text('直播预约')
+          .fontSize($r("app.float.font_size_17"))
+          .fontColor($r("app.color.color_222222"))
+          .fontWeight(600)
+      }
+
+      Row() {
+        Text("更多")
+          .fontSize($r("app.float.font_size_14"))
+          .fontColor($r("app.color.color_999999"))
+          .margin({ right: 1 })
+        Image($r("app.media.more"))
+          .width(14)
+          .height(14)
+          .onClick(() => {
+            // TODO 跳转的页面，定义的入参可能不合理。推荐id: 41
+            let params = {'index': "1"} as Record<string, string>
+            WDRouterRule.jumpWithPage(WDRouterPage.followListPage, params)
+          })
+      }
+      .padding({
+        right: $r('app.float.card_comp_pagePadding_lf'),
+      })
+      .visibility(this.compDTO?.objectType === '0' || this.compDTO?.objectType === '' ? Visibility.None : Visibility.Visible)
+      .onClick(() => {
+        if (this.compDTO?.objectType === '11') {
+          ProcessUtils.jumpChannelTab(this.compDTO.objectId, this.compDTO.pageId as string)
+        } else if (this.compDTO?.objectType === '5') {
+          ProcessUtils._gotoSpecialTopic(this.compDTO.linkUrl)
+        } else if (this.compDTO?.objectType === '6') {
+          ProcessUtils._gotoDefaultWeb(this.compDTO.linkUrl)
+        }
+      })
+    }
+    .justifyContent(FlexAlign.SpaceBetween)
+    .margin({ top: 8, bottom: 8 })
+    .width('100%')
+  }
+}
+
+@Extend(Text)
+function textOverflowStyle(maxLine: number) {
+  .maxLines(maxLine)
+  .textOverflow({ overflow: TextOverflow.Ellipsis })
+}
+
+@Component
+struct CreatorItem {
+  @Prop item: ContentDTO
+  @State rmhIsAttention: number = 0
+  build() {
+    ListItem() {
+      Column() {
+        Stack({ alignContent: Alignment.Bottom }) {
+          Image(this.item.coverUrl)
+            .width(156)
+            .height(208)
+          Row()
+            .width(156)
+            .height(80)
+            .linearGradient({
+              direction: GradientDirection.Bottom,
+              colors: [['rgba(0, 0, 0, 0.0)', 0.0], ['rgba(0, 0, 0, 0.3)', 1.0]]
+            })
+          Text(this.item.newsTitle)
+            .fontColor(0xffffff)
+            .fontSize(14)
+            .maxLines(2)
+            .textOverflow({overflow: TextOverflow.Ellipsis})
+            .width(140)
+            .margin({bottom: 8})
+        }
+      }
+      .width(156)
+      .height(208)
+      .margin({ right: 11 })
+      .borderColor($r('app.color.color_EDEDED'))
+      .borderRadius($r('app.float.image_border_radius'))
+    }
+    .onClick((event: ClickEvent) => {
+      ProcessUtils.processPage(this.item)
+    })
+  }
+
+  /**
+   * 关注号主 TODO 这里后面需要抽离
+   */
+  handleAccention(item: ContentDTO, status: number) {
+    this.rmhIsAttention = this.rmhIsAttention ? 0 : 1
+    return
+    // 未登录，跳转登录
+    if (!HttpUrlUtils.getUserId()) {
+      WDRouterRule.jumpWithPage(WDRouterPage.loginPage)
+      return
+    }
+
+    const params: postInteractAccentionOperateParams = {
+      attentionUserType: item.rmhInfo?.userType || '', //被关注用户类型（1 普通用户 2 视频号 3 矩阵号）
+      attentionUserId: item.rmhInfo?.userId || '', // 被关注用户号主id
+      attentionCreatorId: item.rmhInfo?.rmhId || '', // 被关注用户号主id
+      // userType: 1,
+      // userId: '1', // TODO 用户id需要从本地获取
+      status: status,
+    }
+    PageRepository.postInteractAccentionOperate(params).then(res => {
+      console.log(TAG, '关注号主==', JSON.stringify(res.data))
+      if (status === 1) {
+        this.rmhIsAttention = 0
+      } else {
+        this.rmhIsAttention = 1
+      }
+    })
+  }
+}

@@ -36,6 +36,7 @@ export struct ZhSingleRow04 {
             .width(14)
             .width(14)
             .height(14)
             .height(14)
         }
         }
+        .visibility(this.compDTO?.objectType === '0' || this.compDTO?.objectType === '' ? Visibility.None : Visibility.Visible)
         .onClick(() => {
         .onClick(() => {
           if (this.compDTO?.objectType === '11') {
           if (this.compDTO?.objectType === '11') {
             ProcessUtils.jumpChannelTab(this.compDTO.objectId, this.compDTO.pageId as string)
             ProcessUtils.jumpChannelTab(this.compDTO.objectId, this.compDTO.pageId as string)

@@ -120,6 +120,9 @@ export struct ZhSingleRow06 {
           .maxLines(1)
           .maxLines(1)
           .textOverflow({overflow: TextOverflow.Ellipsis})
           .textOverflow({overflow: TextOverflow.Ellipsis})
       }
       }
+      .onClick(() => {
+        ProcessUtils.commentGotoWeb(item.operDataList[0]?.commentInfo as commentInfo)
+      })
 
 
       Row() {
       Row() {
         Image($r("app.media.icon_elite_comment"))
         Image($r("app.media.icon_elite_comment"))

@@ -9,12 +9,13 @@ import { EmptyComponent } from '../../view/EmptyComponent';
 const TAG = "AppointmentListUI"
 const TAG = "AppointmentListUI"
 
 
 @Component
 @Component
-export struct AppointmentListUI{
+export struct AppointmentListUI {
   @State data: LazyDataSource<MineAppointmentItem> = new LazyDataSource();
   @State data: LazyDataSource<MineAppointmentItem> = new LazyDataSource();
-  @State count:number = 0;
-  @State isLoading:boolean = false
-  @State hasMore:boolean = true
-  curPageNum:number = 1;
+  @State count: number = 0;
+  @State isLoading: boolean = false
+  @State hasMore: boolean = true
+  curPageNum: number = 1;
+  @State isGetRequest: boolean = false
 
 
   aboutToAppear() {
   aboutToAppear() {
     this.getNewPageData()
     this.getNewPageData()
@@ -23,37 +24,41 @@ export struct AppointmentListUI{
   build() {
   build() {
     Column() {
     Column() {
       //标题栏目
       //标题栏目
-      CustomTitleUI({titleName:"预约列表"})
-      if(this.count == 0){
-        EmptyComponent({emptyType:10})
-          .height('100%')
-          .width('100%')
-      }else{
+      CustomTitleUI({ titleName: "预约列表" })
+      if (this.count == 0) {
+        if (this.isGetRequest == true) {
+          EmptyComponent({ emptyType: 10 })
+            .height('100%')
+            .width('100%')
+        }
+
+      } else {
         //刷新控件 TODO
         //刷新控件 TODO
         //List
         //List
         List({ space: '6lpx' }) {
         List({ space: '6lpx' }) {
           LazyForEach(this.data, (item: MineAppointmentItem, index: number) => {
           LazyForEach(this.data, (item: MineAppointmentItem, index: number) => {
             ListItem() {
             ListItem() {
-              AppointmentListChildComponent({item:item})
+              AppointmentListChildComponent({ item: item })
             }
             }
-            .onClick(()=>{
+            .onClick(() => {
               //TODO 跳转
               //TODO 跳转
             })
             })
           }, (item: MineAppointmentItem, index: number) => index.toString())
           }, (item: MineAppointmentItem, index: number) => index.toString())
 
 
           //没有更多数据  显示提示
           //没有更多数据  显示提示
-          if(!this.hasMore){
-            ListItem(){
+          if (!this.hasMore) {
+            ListItem() {
               ListHasNoMoreDataUI()
               ListHasNoMoreDataUI()
             }
             }
           }
           }
-        }.cachedCount(4)
+        }
+        .cachedCount(4)
         .scrollBar(BarState.Off)
         .scrollBar(BarState.Off)
-        .margin({top:'23lpx',left:'23lpx',right:'23lpx'})
+        .margin({ top: '23lpx', left: '23lpx', right: '23lpx' })
         .layoutWeight(1)
         .layoutWeight(1)
-        .onReachEnd(()=>{
-          console.log(TAG,"触底了");
-          if(!this.isLoading){
+        .onReachEnd(() => {
+          console.log(TAG, "触底了");
+          if (!this.isLoading) {
             //加载分页数据
             //加载分页数据
             this.getNewPageData()
             this.getNewPageData()
           }
           }
@@ -65,70 +70,73 @@ export struct AppointmentListUI{
     .width('100%')
     .width('100%')
   }
   }
 
 
-   getNewPageData(){
+  getNewPageData() {
     this.isLoading = true
     this.isLoading = true
-    if(this.hasMore){
-        MinePageDatasModel.getAppointmentListData("20",`${this.curPageNum}`,getContext(this)).then((value)=>{
-          if (!this.data || value.list.length == 0){
-            this.hasMore = false
-          }else{
-            value.list.forEach((value)=>{
-              let dealTime = this.DealStartTime(value.planStartTime)
-              if(dealTime!=null && dealTime.length === 2){
-                this.data.push(new MineAppointmentItem(value.imageUrl,value.status,value.title,true,dealTime[0],dealTime[1],value.relType,value.liveId,value.relId))
-              }else {
-                this.data.push(new MineAppointmentItem(value.imageUrl,value.status,value.title,true,"","",value.relType,value.liveId,value.relId))
-              }
-            })
-            this.data.notifyDataReload()
-            this.count = this.data.totalCount()
-            if (this.data.totalCount() < value.totalCount) {
-              this.curPageNum++
-            }else {
-              this.hasMore = false
+    if (this.hasMore) {
+      MinePageDatasModel.getAppointmentListData("20", `${this.curPageNum}`, getContext(this)).then((value) => {
+        if (!this.data || value.list.length == 0) {
+          this.hasMore = false
+        } else {
+          value.list.forEach((value) => {
+            let dealTime = this.DealStartTime(value.planStartTime)
+            if (dealTime != null && dealTime.length === 2) {
+              this.data.push(new MineAppointmentItem(value.imageUrl, value.status, value.title, true, dealTime[0], dealTime[1], value.relType, value.liveId, value.relId))
+            } else {
+              this.data.push(new MineAppointmentItem(value.imageUrl, value.status, value.title, true, "", "", value.relType, value.liveId, value.relId))
             }
             }
+          })
+          this.data.notifyDataReload()
+          this.count = this.data.totalCount()
+          if (this.data.totalCount() < value.totalCount) {
+            this.curPageNum++
+          } else {
+            this.hasMore = false
           }
           }
-        }).catch((err:Error)=>{
-          console.log(TAG,JSON.stringify(err))
-        })
+        }
+        this.isGetRequest = true
+        this.isLoading = false
+      }).catch((err: Error) => {
+        console.log(TAG, JSON.stringify(err))
+        this.isGetRequest = true
+        this.isLoading = false
+      })
     }
     }
-    this.isLoading = false
   }
   }
 
 
-  DealStartTime(planStartTime:string):string[]{
-    let dealData:string[] = []
+  DealStartTime(planStartTime: string): string[] {
+    let dealData: string[] = []
 
 
-    if(!StringUtils.isNotEmpty(planStartTime)){
-      console.log(TAG,"格式有误")
+    if (!StringUtils.isNotEmpty(planStartTime)) {
+      console.log(TAG, "格式有误")
       return dealData
       return dealData
     }
     }
 
 
-    if(planStartTime.indexOf(" ") === -1){
-      console.log(TAG,"格式有误")
+    if (planStartTime.indexOf(" ") === -1) {
+      console.log(TAG, "格式有误")
       return dealData
       return dealData
     }
     }
     let arr = planStartTime.split(" ")
     let arr = planStartTime.split(" ")
-    if(arr!=null && StringUtils.isNotEmpty(arr[0])){  //处理年月日
+    if (arr != null && StringUtils.isNotEmpty(arr[0])) { //处理年月日
       let time = arr[0].split("-");
       let time = arr[0].split("-");
-      if(time.length === 3){
-        let month = time[1].indexOf("0") === 0 ? time[1].substring(1):time[1]
+      if (time.length === 3) {
+        let month = time[1].indexOf("0") === 0 ? time[1].substring(1) : time[1]
         let day = time[2]
         let day = time[2]
 
 
         dealData[0] = `${month}月${day}日`
         dealData[0] = `${month}月${day}日`
-        let today = `${new Date().getMonth()+1}月${new Date().getDate()}日`
-        if(dealData[0] === today){
+        let today = `${new Date().getMonth() + 1}月${new Date().getDate()}日`
+        if (dealData[0] === today) {
           dealData[0] = "今日"
           dealData[0] = "今日"
         }
         }
       }
       }
     }
     }
 
 
-    if(arr!=null && StringUtils.isNotEmpty(arr[1])){    //处理时分
+    if (arr != null && StringUtils.isNotEmpty(arr[1])) { //处理时分
       let time = arr[1].split(":");
       let time = arr[1].split(":");
-      if(time.length === 3){
-        dealData[1] =  `${time[0]}:${time[1]}`
+      if (time.length === 3) {
+        dealData[1] = `${time[0]}:${time[1]}`
       }
       }
     }
     }
-    console.log(TAG,JSON.stringify(dealData))
+    console.log(TAG, JSON.stringify(dealData))
     return dealData
     return dealData
   }
   }
 }
 }

@@ -256,11 +256,13 @@ export struct FollowChildComponent{
           if (value.code === 0 || value.code.toString() === "0") {
           if (value.code === 0 || value.code.toString() === "0") {
             this.data.status = this.data.status ==="0"?"1":"0"
             this.data.status = this.data.status ==="0"?"1":"0"
 
 
-            if(this.data.status === "1"){
-              UserDataLocal.setUserFollowOperation(DateTimeUtils.getTimeStamp()+"")
-            }else{
-              UserDataLocal.setUserFollowOperation(DateTimeUtils.getTimeStamp()+","+this.data.creatorId)
-            }
+            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)
+            // }
           }
           }
         }
         }
       })
       })

@@ -24,6 +24,7 @@ export struct FollowListDetailUI {
   @State hasMore: boolean = true
   @State hasMore: boolean = true
   curPageNum: number = 1;
   curPageNum: number = 1;
   preferences: dataPreferences.Preferences | null = null;
   preferences: dataPreferences.Preferences | null = null;
+  @State isGetRequest: boolean = false
 
 
   aboutToAppear() {
   aboutToAppear() {
     this.getNewPageData()
     this.getNewPageData()
@@ -33,9 +34,12 @@ export struct FollowListDetailUI {
   build() {
   build() {
     Column() {
     Column() {
       if (this.count === 0) {
       if (this.count === 0) {
-        EmptyComponent({emptyType:14})
-          .layoutWeight(1)
-          .width('100%')
+        if (this.isGetRequest == true) {
+          EmptyComponent({ emptyType: 14 })
+            .layoutWeight(1)
+            .width('100%')
+        }
+
       } else {
       } else {
         List({ space: 3 }) {
         List({ space: 3 }) {
           LazyForEach(this.data, (item: FollowListDetailItem, index: number = 0) => {
           LazyForEach(this.data, (item: FollowListDetailItem, index: number = 0) => {
@@ -47,7 +51,7 @@ export struct FollowListDetailUI {
           }, (item: FollowListDetailItem) => item.creatorId)
           }, (item: FollowListDetailItem) => item.creatorId)
 
 
           //没有更多数据  显示提示
           //没有更多数据  显示提示
-          if (!this.hasMore) {
+          if (!this.hasMore && this.count != 0) {
             ListItem() {
             ListItem() {
               ListHasNoMoreDataUI()
               ListHasNoMoreDataUI()
             }
             }
@@ -75,16 +79,17 @@ export struct FollowListDetailUI {
     let observer = (key: string) => {
     let observer = (key: string) => {
       if (key == UserDataLocal.USER_FOLLOW_OPERATION) {
       if (key == UserDataLocal.USER_FOLLOW_OPERATION) {
         if (this.creatorDirectoryId === -1) {
         if (this.creatorDirectoryId === -1) {
-          let value = SPHelper.default.getSync(UserDataLocal.USER_FOLLOW_OPERATION,"") as string
+          let value = SPHelper.default.getSync(UserDataLocal.USER_FOLLOW_OPERATION, "") as string
           let arr = value.split(',')
           let arr = value.split(',')
-          if(arr!=null && arr.length === 2){
-            this.data.getDataArray().forEach((element,index) => {
-              if (element.creatorId === arr[1]) {
+          if (arr[1] == "0") {
+            this.data.getDataArray().forEach((element, index) => {
+              if (element.creatorId === arr[0]) {
                 this.data.deleteItem(index)
                 this.data.deleteItem(index)
+                this.count = this.data.size()
               }
               }
             });
             });
-          }else{
-            if(!this.isLoading){
+          } else {
+            if (!this.isLoading) {
               this.isLoading = true
               this.isLoading = true
               this.hasMore = true
               this.hasMore = true
               this.curPageNum = 1
               this.curPageNum = 1
@@ -93,6 +98,16 @@ export struct FollowListDetailUI {
               this.getMyFollowListDetail()
               this.getMyFollowListDetail()
             }
             }
           }
           }
+        }else{
+          let value = SPHelper.default.getSync(UserDataLocal.USER_FOLLOW_OPERATION, "") as string
+          let arr = value.split(',')
+          if (arr[1] == "0"){
+            this.data.getDataArray().forEach((element, index) => {
+              if (element.creatorId === arr[0]) {
+                this.data.getData(index).status = "0"
+              }
+            })
+          }
         }
         }
       }
       }
     }
     }
@@ -109,7 +124,7 @@ export struct FollowListDetailUI {
           this.isLoading = false
           this.isLoading = false
         } else {
         } else {
           value.list.forEach((value) => {
           value.list.forEach((value) => {
-            let fansNum:number = value.fansNum
+            let fansNum: number = value.fansNum
             let fansNumString = ""
             let fansNumString = ""
             if (fansNum > 10000) {
             if (fansNum > 10000) {
               let temp = (fansNum / 10000) + ""
               let temp = (fansNum / 10000) + ""
@@ -123,7 +138,7 @@ export struct FollowListDetailUI {
             } else {
             } else {
               fansNumString = fansNum + ""
               fansNumString = fansNum + ""
             }
             }
-            this.data.push(new FollowListDetailItem(value.attentionHeadPhotoUrl, value.attentionUserName, fansNumString, value.introduction, value.attentionCreatorId, "1", value.attentionUserId, value.attentionUserType, value.attentionUserId, value.mainControl, value.banControl,value.authIcon))
+            this.data.push(new FollowListDetailItem(value.attentionHeadPhotoUrl, value.attentionUserName, fansNumString, value.introduction, value.attentionCreatorId, "1", value.attentionUserId, value.attentionUserType, value.attentionUserId, value.mainControl, value.banControl, value.authIcon))
           })
           })
           this.data.notifyDataReload()
           this.data.notifyDataReload()
           this.count = this.data.totalCount()
           this.count = this.data.totalCount()
@@ -134,12 +149,15 @@ export struct FollowListDetailUI {
           }
           }
         }
         }
         this.isLoading = false
         this.isLoading = false
+        this.isGetRequest = true
       }).catch((err: Error) => {
       }).catch((err: Error) => {
         console.log(TAG, "请求失败")
         console.log(TAG, "请求失败")
+        this.isGetRequest = true
         this.isLoading = false
         this.isLoading = false
       })
       })
-    }else {
+    } else {
       this.isLoading = false
       this.isLoading = false
+      this.isGetRequest = true
     }
     }
   }
   }
 
 
@@ -161,6 +179,7 @@ export struct FollowListDetailUI {
         }).catch((err: Error) => {
         }).catch((err: Error) => {
           console.log(TAG, "请求失败")
           console.log(TAG, "请求失败")
           this.isLoading = false
           this.isLoading = false
+          this.isGetRequest = true
         })
         })
       }
       }
     }
     }
@@ -169,7 +188,7 @@ export struct FollowListDetailUI {
   getFollowListStatus(result: MineFollowListDetailItem) {
   getFollowListStatus(result: MineFollowListDetailItem) {
     let data_temp: FollowListDetailItem[] = []
     let data_temp: FollowListDetailItem[] = []
     result.list.forEach((item) => {
     result.list.forEach((item) => {
-      data_temp.push(new FollowListDetailItem(item.headPhotoUrl, item.cnUserName, item.cnFansNum, item.introduction, item.creatorId, "0", item.attentionUserId, item.cnUserType, item.cnUserId, item.cnMainControl, -1,item.authIcon))
+      data_temp.push(new FollowListDetailItem(item.headPhotoUrl, item.cnUserName, item.cnFansNum, item.introduction, item.creatorId, "0", item.attentionUserId, item.cnUserType, item.cnUserId, item.cnMainControl, -1, item.authIcon))
     })
     })
     let request = new CreatorDetailRequestItem()
     let request = new CreatorDetailRequestItem()
 
 
@@ -206,6 +225,7 @@ export struct FollowListDetailUI {
       console.log(TAG, JSON.stringify(err))
       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
+      this.isGetRequest = true
     })
     })
   }
   }
 
 
@@ -225,7 +245,7 @@ export struct FollowListDetailUI {
       })
       })
 
 
       result.forEach((item) => {
       result.forEach((item) => {
-        this.data.push(new FollowListDetailItem(item.headPhotoUrl, item.cnUserName, item.cnFansNum, item.introduction, item.creatorId, item.status, item.attentionUserId, item.cnUserType, item.cnUserId, item.mainControl, item.banControl,item.authIcon))
+        this.data.push(new FollowListDetailItem(item.headPhotoUrl, item.cnUserName, item.cnFansNum, item.introduction, item.creatorId, item.status, item.attentionUserId, item.cnUserType, item.cnUserId, item.mainControl, item.banControl, item.authIcon))
       })
       })
 
 
       this.data.notifyDataReload()
       this.data.notifyDataReload()
@@ -238,9 +258,11 @@ export struct FollowListDetailUI {
       }
       }
 
 
       this.isLoading = false
       this.isLoading = false
+      this.isGetRequest = true
     }).catch((err: Error) => {
     }).catch((err: Error) => {
       console.log(TAG, "请求失败")
       console.log(TAG, "请求失败")
       this.isLoading = false
       this.isLoading = false
+      this.isGetRequest = true
     })
     })
   }
   }
 }
 }

@@ -27,6 +27,7 @@ export struct HomePageBottomComponent{
   @State userId:string = "";
   @State userId:string = "";
   @Link commentNum:number
   @Link commentNum:number
   preferences: dataPreferences.Preferences | null = null;
   preferences: dataPreferences.Preferences | null = null;
+  @State isGetRequest:boolean = false
 
 
   aboutToAppear(){
   aboutToAppear(){
     this.getNewPageData()
     this.getNewPageData()
@@ -39,10 +40,11 @@ export struct HomePageBottomComponent{
       if (key == UserDataLocal.USER_FOLLOW_OPERATION) {
       if (key == UserDataLocal.USER_FOLLOW_OPERATION) {
           let value = SPHelper.default.getSync(UserDataLocal.USER_FOLLOW_OPERATION,"") as string
           let value = SPHelper.default.getSync(UserDataLocal.USER_FOLLOW_OPERATION,"") as string
           let arr = value.split(',')
           let arr = value.split(',')
-          if(arr!=null && arr.length === 2){
+          if(arr[1] == "0"){
             this.data_follow.getDataArray().forEach((element,index) => {
             this.data_follow.getDataArray().forEach((element,index) => {
-              if (element.creatorId === arr[1]) {
+              if (element.creatorId === arr[0]) {
                 this.data_follow.deleteItem(index)
                 this.data_follow.deleteItem(index)
+                this.count = this.data_follow.size()
               }
               }
             });
             });
           }else{
           }else{
@@ -62,12 +64,14 @@ export struct HomePageBottomComponent{
 
 
   build(){
   build(){
     Column(){
     Column(){
-      Divider().width('100%')
-        .height('2lpx')
-        .strokeWidth('1lpx')
-        .backgroundColor($r('app.color.color_EDEDED'))
+      if(this.isGetRequest == true){
+        Divider().width('100%')
+          .height('2lpx')
+          .strokeWidth('1lpx')
+          .backgroundColor($r('app.color.color_EDEDED'))
+      }
 
 
-      if(this.count === 0){
+      if(this.count === 0 ){
         if(this.style === 1){
         if(this.style === 1){
           Column(){
           Column(){
             Row(){
             Row(){
@@ -92,15 +96,19 @@ export struct HomePageBottomComponent{
               let params = {'index': "1"} as Record<string, string>
               let params = {'index': "1"} as Record<string, string>
               WDRouterRule.jumpWithPage(WDRouterPage.followListPage,params)
               WDRouterRule.jumpWithPage(WDRouterPage.followListPage,params)
             })
             })
-
-            EmptyComponent({emptyType:14})
-              .layoutWeight(1)
-              .width('100%')
+            if(this.isGetRequest == true){
+              EmptyComponent({emptyType:14})
+                .layoutWeight(1)
+                .width('100%')
+            }
           }.layoutWeight(1)
           }.layoutWeight(1)
           .justifyContent(FlexAlign.Start)
           .justifyContent(FlexAlign.Start)
         }else{
         }else{
-          ListHasNoMoreDataUI({style:2})
-            .layoutWeight(1)
+          if(this.isGetRequest == true){
+            EmptyComponent({emptyType:11})
+              .layoutWeight(1)
+              .width('100%')
+          }
         }
         }
       }else{
       }else{
         if(this.style === 1){
         if(this.style === 1){
@@ -244,12 +252,15 @@ export struct HomePageBottomComponent{
           }
           }
         }
         }
         this.isLoading = false
         this.isLoading = false
+        this.isGetRequest = true
       }).catch((err:Error)=>{
       }).catch((err:Error)=>{
         console.log(TAG,"请求失败")
         console.log(TAG,"请求失败")
         this.isLoading = false
         this.isLoading = false
+        this.isGetRequest = true
       })
       })
     }else{
     }else{
       this.isLoading = false
       this.isLoading = false
+      this.isGetRequest = true
     }
     }
   }
   }
 
 
@@ -266,17 +277,18 @@ export struct HomePageBottomComponent{
         MinePageDatasModel.getMineCommentListData(time,object,getContext(this)).then((value)=>{
         MinePageDatasModel.getMineCommentListData(time,object,getContext(this)).then((value)=>{
           if (!this.data_comment || value.list.length == 0){
           if (!this.data_comment || value.list.length == 0){
             this.hasMore = false
             this.hasMore = false
+            this.isLoading = false
           }else{
           }else{
             this.getCommentListStatus(value)
             this.getCommentListStatus(value)
           }
           }
-          this.isLoading = false
-          this.commentNum = value.totalCount
         }).catch((err:Error)=>{
         }).catch((err:Error)=>{
           console.log(TAG,"请求失败")
           console.log(TAG,"请求失败")
           this.isLoading = false
           this.isLoading = false
+          this.isGetRequest = true
         })
         })
       }else{
       }else{
         this.isLoading = false
         this.isLoading = false
+        this.isGetRequest = true
       }
       }
     }
     }
   }
   }
@@ -329,9 +341,11 @@ export struct HomePageBottomComponent{
       }
       }
 
 
       this.isLoading = false
       this.isLoading = false
+      this.isGetRequest = true
     }).catch((err:Error)=>{
     }).catch((err:Error)=>{
       console.log(TAG,"请求失败")
       console.log(TAG,"请求失败")
       this.isLoading = false
       this.isLoading = false
+      this.isGetRequest = true
     })
     })
   }
   }
 
 

@@ -6,50 +6,61 @@ import { ListHasNoMoreDataUI } from '../../reusable/ListHasNoMoreDataUI';
 import { MineCommentListDetailItem } from '../../../viewmodel/MineCommentListDetailItem';
 import { MineCommentListDetailItem } from '../../../viewmodel/MineCommentListDetailItem';
 import { OtherUserCommentLikeStatusRequestItem } from '../../../viewmodel/OtherUserCommentLikeStatusRequestItem';
 import { OtherUserCommentLikeStatusRequestItem } from '../../../viewmodel/OtherUserCommentLikeStatusRequestItem';
 import { ChildCommentComponent } from './ChildCommentComponent';
 import { ChildCommentComponent } from './ChildCommentComponent';
+import { EmptyComponent } from '../../view/EmptyComponent';
 
 
 const TAG = "HomePageBottomComponent"
 const TAG = "HomePageBottomComponent"
+
 @Component
 @Component
-export struct OtherHomePageBottomCommentComponent{
+export struct OtherHomePageBottomCommentComponent {
   @Prop curUserId: string
   @Prop curUserId: string
   @State data_comment: LazyDataSource<CommentListItem> = new LazyDataSource();
   @State data_comment: LazyDataSource<CommentListItem> = new LazyDataSource();
-  @State isLoading:boolean = false
-  @State hasMore:boolean = true
-  curPageNum:number = 1;
-  @State count:number = 0;
-  @Prop levelHead:string
-  @Link commentNum:number
-
-  aboutToAppear(){
+  @State isLoading: boolean = false
+  @State hasMore: boolean = true
+  curPageNum: number = 1;
+  @State count: number = 0;
+  @Prop levelHead: string
+  @Link commentNum: number
+  @State isGetRequest: boolean = false
+
+  aboutToAppear() {
     this.getNewPageData()
     this.getNewPageData()
   }
   }
 
 
-  build(){
-    Column(){
+  build() {
+    Column() {
       Divider().width('100%')
       Divider().width('100%')
         .height('2lpx')
         .height('2lpx')
         .strokeWidth('1lpx')
         .strokeWidth('1lpx')
         .backgroundColor($r('app.color.color_EDEDED'))
         .backgroundColor($r('app.color.color_EDEDED'))
 
 
-      if(this.count === 0){
-        ListHasNoMoreDataUI({style:2})
-          .height('100%')
-      }else{
+      if (this.count === 0) {
+        if (this.isGetRequest == true) {
+          EmptyComponent({emptyType:11})
+            .height('100%')
+            .layoutWeight(1)
+        }
+      } else {
         List({ space: 3 }) {
         List({ space: 3 }) {
           LazyForEach(this.data_comment, (item: CommentListItem, index: number = 0) => {
           LazyForEach(this.data_comment, (item: CommentListItem, index: number = 0) => {
             ListItem() {
             ListItem() {
-              ChildCommentComponent({data: item,levelHead:this.levelHead,isLastItem:index===this.data_comment.totalCount()-1})
+              ChildCommentComponent({
+                data: item,
+                levelHead: this.levelHead,
+                isLastItem: index === this.data_comment.totalCount() - 1
+              })
             }
             }
             .onClick(() => {
             .onClick(() => {
             })
             })
           }, (item: CommentListItem, index: number) => index.toString())
           }, (item: CommentListItem, index: number) => index.toString())
 
 
           //没有更多数据  显示提示
           //没有更多数据  显示提示
-          if(!this.hasMore){
-            ListItem(){
+          if (!this.hasMore) {
+            ListItem() {
               ListHasNoMoreDataUI()
               ListHasNoMoreDataUI()
             }
             }
           }
           }
-        }.cachedCount(15)
+        }
+        .cachedCount(15)
         .layoutWeight(1)
         .layoutWeight(1)
         .scrollBar(BarState.Off)
         .scrollBar(BarState.Off)
         .edgeEffect(EdgeEffect.None)
         .edgeEffect(EdgeEffect.None)
@@ -57,9 +68,9 @@ export struct OtherHomePageBottomCommentComponent{
           scrollForward: NestedScrollMode.PARENT_FIRST,
           scrollForward: NestedScrollMode.PARENT_FIRST,
           scrollBackward: NestedScrollMode.SELF_FIRST
           scrollBackward: NestedScrollMode.SELF_FIRST
         })
         })
-        .onReachEnd(()=>{
-          console.log(TAG,"触底了");
-          if(!this.isLoading){
+        .onReachEnd(() => {
+          console.log(TAG, "触底了");
+          if (!this.isLoading) {
             this.isLoading = true
             this.isLoading = true
             //加载分页数据
             //加载分页数据
             this.getNewPageData()
             this.getNewPageData()
@@ -72,7 +83,6 @@ export struct OtherHomePageBottomCommentComponent{
     .justifyContent(FlexAlign.Start)
     .justifyContent(FlexAlign.Start)
   }
   }
 
 
-
   @Styles
   @Styles
   listStyle() {
   listStyle() {
     .backgroundColor(Color.White)
     .backgroundColor(Color.White)
@@ -81,60 +91,64 @@ export struct OtherHomePageBottomCommentComponent{
     .borderRadius(12)
     .borderRadius(12)
   }
   }
 
 
-  getNewPageData(){
+  getNewPageData() {
     this.isLoading = true
     this.isLoading = true
-    if(this.hasMore){
+    if (this.hasMore) {
       let time = encodeURI(DateTimeUtils.getCurDate(DateTimeUtils.PATTERN_DATE_TIME_HYPHEN))
       let time = encodeURI(DateTimeUtils.getCurDate(DateTimeUtils.PATTERN_DATE_TIME_HYPHEN))
-      let object = new OtherUserCommentListRequestItem("",20,this.curPageNum,time,"1",this.curUserId)
+      let object = new OtherUserCommentListRequestItem("", 20, this.curPageNum, time, "1", this.curUserId)
 
 
-      MinePageDatasModel.getOtherCommentListData(object,getContext(this)).then((value)=>{
-        if (!this.data_comment || value.list.length == 0){
+      MinePageDatasModel.getOtherCommentListData(object, getContext(this)).then((value) => {
+        if (!this.data_comment || value.list.length == 0) {
           this.hasMore = false
           this.hasMore = false
           this.isLoading = false
           this.isLoading = false
-        }else{
+        } else {
           this.getCommentListStatus(value)
           this.getCommentListStatus(value)
         }
         }
-      }).catch((err:Error)=>{
-        console.log(TAG,"请求失败")
+      }).catch((err: Error) => {
+        console.log(TAG, "请求失败")
         this.isLoading = false
         this.isLoading = false
+        this.isGetRequest = true
       })
       })
+    } else {
+      this.isGetRequest = true
+      this.isLoading = false
     }
     }
   }
   }
 
 
-  getCommentListStatus(value:MineCommentListDetailItem){
+  getCommentListStatus(value: MineCommentListDetailItem) {
 
 
     let status = new OtherUserCommentLikeStatusRequestItem()
     let status = new OtherUserCommentLikeStatusRequestItem()
-    let data : CommentListItem[] = []
-    value.list.forEach((item)=>{
-      if(item.checkStatus === 2){
+    let data: CommentListItem[] = []
+    value.list.forEach((item) => {
+      if (item.checkStatus === 2) {
         status.commentIdList.push(item.id)
         status.commentIdList.push(item.id)
       }
       }
       let commentContent = item.commentContent
       let commentContent = item.commentContent
-      if(item.sensitiveShow === 0 && item.sensitiveExist === 1){
+      if (item.sensitiveShow === 0 && item.sensitiveExist === 1) {
         commentContent = item.commentContentSensitive
         commentContent = item.commentContentSensitive
       }
       }
       let parentCommentContent = ""
       let parentCommentContent = ""
-      if(item.parentCommentVo!=null ){
+      if (item.parentCommentVo != null) {
         parentCommentContent = item.parentCommentVo.commentContent
         parentCommentContent = item.parentCommentVo.commentContent
       }
       }
       let parentCommentUserName = ""
       let parentCommentUserName = ""
-      if(item.parentCommentVo!=null ){
+      if (item.parentCommentVo != null) {
         parentCommentUserName = item.parentCommentVo.fromUserName
         parentCommentUserName = item.parentCommentVo.fromUserName
       }
       }
-      data.push(new CommentListItem(item.fromUserHeader,item.fromUserName,item.targetTitle,item.createTime,commentContent,item.likeNum,0,item.id,item.targetId,item.targetType,item.targetRelId,item.targetRelObjectId,item.targetRelType,item.targetStatus,item.checkStatus,parentCommentContent,parentCommentUserName))
+      data.push(new CommentListItem(item.fromUserHeader, item.fromUserName, item.targetTitle, item.createTime, commentContent, item.likeNum, 0, item.id, item.targetId, item.targetType, item.targetRelId, item.targetRelObjectId, item.targetRelType, item.targetStatus, item.checkStatus, parentCommentContent, parentCommentUserName))
     })
     })
 
 
-    MinePageDatasModel.getOtherUserCommentLikeStatusData(status,getContext(this)).then((newValue)=>{
-      newValue.forEach((item)=>{
-        data.forEach((list)=>{
+    MinePageDatasModel.getOtherUserCommentLikeStatusData(status, getContext(this)).then((newValue) => {
+      newValue.forEach((item) => {
+        data.forEach((list) => {
           if (item.commentId == list.id) {
           if (item.commentId == list.id) {
             list.like_status = item.status
             list.like_status = item.status
           }
           }
         })
         })
       })
       })
 
 
-      data.forEach((item)=>{
-        this.data_comment.push(new CommentListItem(item.fromUserHeader,item.fromUserName,item.targetTitle,item.createTime,item.commentContent,item.likeNum,item.like_status,item.id,item.targetId,item.targetType,item.targetRelId,item.targetRelObjectId,item.targetRelType,item.targetStatus,item.checkStatus,item.parentCommentContent,item.parentCommentUserName))
+      data.forEach((item) => {
+        this.data_comment.push(new CommentListItem(item.fromUserHeader, item.fromUserName, item.targetTitle, item.createTime, item.commentContent, item.likeNum, item.like_status, item.id, item.targetId, item.targetType, item.targetRelId, item.targetRelObjectId, item.targetRelType, item.targetStatus, item.checkStatus, item.parentCommentContent, item.parentCommentUserName))
       })
       })
 
 
       this.data_comment.notifyDataReload()
       this.data_comment.notifyDataReload()
@@ -143,14 +157,16 @@ export struct OtherHomePageBottomCommentComponent{
       this.commentNum = value.totalCount
       this.commentNum = value.totalCount
       if (this.data_comment.totalCount() < value.totalCount) {
       if (this.data_comment.totalCount() < value.totalCount) {
         this.curPageNum++
         this.curPageNum++
-      }else {
+      } else {
         this.hasMore = false
         this.hasMore = false
       }
       }
 
 
       this.isLoading = false
       this.isLoading = false
-    }).catch((err:Error)=>{
-      console.log(TAG,"请求失败")
+      this.isGetRequest = true
+    }).catch((err: Error) => {
+      console.log(TAG, "请求失败")
       this.isLoading = false
       this.isLoading = false
+      this.isGetRequest = true
     })
     })
   }
   }
 }
 }

@@ -17,6 +17,7 @@ export struct OtherHomePageBottomFollowComponent{
   curPageNum:number = 1;
   curPageNum:number = 1;
   @State count:number = 0;
   @State count:number = 0;
   @Prop curUserId: string
   @Prop curUserId: string
+  @State isGetRequest:boolean = false
 
 
 
 
   aboutToAppear(){
   aboutToAppear(){
@@ -54,10 +55,11 @@ export struct OtherHomePageBottomFollowComponent{
             let params = {'index': "1"} as Record<string, string>
             let params = {'index': "1"} as Record<string, string>
             WDRouterRule.jumpWithPage(WDRouterPage.followListPage,params)
             WDRouterRule.jumpWithPage(WDRouterPage.followListPage,params)
           })
           })
-
-          EmptyComponent({emptyType:14})
-            .layoutWeight(1)
-            .width('100%')
+          if(this.isGetRequest == true){
+            EmptyComponent({emptyType:14})
+              .layoutWeight(1)
+              .width('100%')
+          }
         }.layoutWeight(1)
         }.layoutWeight(1)
         .justifyContent(FlexAlign.Start)
         .justifyContent(FlexAlign.Start)
       }else{
       }else{
@@ -155,10 +157,15 @@ export struct OtherHomePageBottomFollowComponent{
           }
           }
         }
         }
         this.isLoading = false
         this.isLoading = false
+        this.isGetRequest = true
       }).catch((err:Error)=>{
       }).catch((err:Error)=>{
         console.log(TAG,"请求失败")
         console.log(TAG,"请求失败")
         this.isLoading = false
         this.isLoading = false
+        this.isGetRequest = true
       })
       })
+    }else{
+      this.isGetRequest = true
+      this.isLoading = false
     }
     }
   }
   }
 }
 }

 import { BottomNavi, CommonConstants } from 'wdConstant';
 import { BottomNavi, CommonConstants } from 'wdConstant';
-import { BottomNavDTO } from 'wdBean';
+import { BottomNavDTO, TopNavDTO } from 'wdBean';
 import { DateTimeUtils, EmitterEventId, EmitterUtils, Logger } from 'wdKit';
 import { DateTimeUtils, EmitterEventId, EmitterUtils, Logger } from 'wdKit';
 import { TopNavigationComponent } from './TopNavigationComponent';
 import { TopNavigationComponent } from './TopNavigationComponent';
 import { MinePageComponent } from './MinePageComponent';
 import { MinePageComponent } from './MinePageComponent';
 import { CompUtils } from '../../utils/CompUtils';
 import { CompUtils } from '../../utils/CompUtils';
 import PageViewModel from '../../viewmodel/PageViewModel';
 import PageViewModel from '../../viewmodel/PageViewModel';
 import HomeChannelUtils, { AssignChannelParam } from 'wdRouter/src/main/ets/utils/HomeChannelUtils';
 import HomeChannelUtils, { AssignChannelParam } from 'wdRouter/src/main/ets/utils/HomeChannelUtils';
+import { Message } from 'wdJsBridge/src/main/ets/bean/Message';
 
 
 const TAG = 'BottomNavigationComponent';
 const TAG = 'BottomNavigationComponent';
 let storage = LocalStorage.getShared();
 let storage = LocalStorage.getShared();
@@ -21,14 +22,13 @@ export struct BottomNavigationComponent {
   @Provide isLayoutFullScreen: boolean = false
   @Provide isLayoutFullScreen: boolean = false
   @Provide isImmersive: boolean = false // 是否开启沉浸式模式 http://192.168.1.3:3300/project/3802/interface/api/189229
   @Provide isImmersive: boolean = false // 是否开启沉浸式模式 http://192.168.1.3:3300/project/3802/interface/api/189229
   @Provide isNight: boolean = false // 是否开启夜间模式
   @Provide isNight: boolean = false // 是否开启夜间模式
+  @Provide currentBottomNavInfo: BottomNavDTO = {} as BottomNavDTO; // 当前底导信息
+  @Provide currentTopNavInfo: TopNavDTO = {} as TopNavDTO; // 当前顶导信息
+  @Provide barBackgroundColor: Color = Color.Transparent
   @State bottomSafeHeight: number = AppStorage.get<number>('bottomSafeHeight') || 0
   @State bottomSafeHeight: number = AppStorage.get<number>('bottomSafeHeight') || 0
   @State topSafeHeight: number = AppStorage.get<number>('topSafeHeight') || 0
   @State topSafeHeight: number = AppStorage.get<number>('topSafeHeight') || 0
-  // 底导/顶导全部数据
-  @State @Watch('onBottomNavigationDataUpdated') bottomNavList: BottomNavDTO[] = []
-  // 底导当前选中/焦点下标
-  @State currentNavIndex: number = BottomNavi.NEWS;
-  // @State currentTopNavSelectedIndex: number = 0; //
-  @State barBackgroundColor: Color = Color.Transparent
+  @State @Watch('onBottomNavigationDataUpdated') bottomNavList: BottomNavDTO[] = [] // 底导/顶导全部数据
+  @State currentNavIndex: number = BottomNavi.NEWS; // 底导当前选中/焦点下标
   // 底导TabsController
   // 底导TabsController
   private navController: TabsController = new TabsController();
   private navController: TabsController = new TabsController();
   readonly ASPECT_RATIO_1_1: number = 1 / 1; // 底导图片宽高比
   readonly ASPECT_RATIO_1_1: number = 1 / 1; // 底导图片宽高比
@@ -44,6 +44,7 @@ export struct BottomNavigationComponent {
   @State assignChannel: AssignChannelParam = new AssignChannelParam()
   @State assignChannel: AssignChannelParam = new AssignChannelParam()
   // 自动刷新触发（双击tab自动刷新）
   // 自动刷新触发（双击tab自动刷新）
   @State autoRefresh: number = 0
   @State autoRefresh: number = 0
+
   async aboutToAppear() {
   async aboutToAppear() {
     Logger.info(TAG, `aboutToAppear currentNavIndex: ${this.currentNavIndex}`);
     Logger.info(TAG, `aboutToAppear currentNavIndex: ${this.currentNavIndex}`);
     let bottomNav = await PageViewModel.getBottomNavData(getContext(this))
     let bottomNav = await PageViewModel.getBottomNavData(getContext(this))
@@ -84,7 +85,6 @@ export struct BottomNavigationComponent {
                 _currentNavIndex: $currentNavIndex,
                 _currentNavIndex: $currentNavIndex,
                 navIndex: index,
                 navIndex: index,
                 currentBottomNavName: navItem.name,
                 currentBottomNavName: navItem.name,
-                barBackgroundColor: $barBackgroundColor,
                 assignChannel: this.assignChannel,
                 assignChannel: this.assignChannel,
                 autoRefresh: this.autoRefresh
                 autoRefresh: this.autoRefresh
               })
               })
@@ -99,8 +99,8 @@ export struct BottomNavigationComponent {
     .animationDuration(0)
     .animationDuration(0)
     .barHeight($r('app.float.bottom_navigation_barHeight'))
     .barHeight($r('app.float.bottom_navigation_barHeight'))
     .barMode(BarMode.Fixed)
     .barMode(BarMode.Fixed)
-    // TODO:更详细的判断是视频频道
     .barBackgroundColor(this.barBackgroundColor)
     .barBackgroundColor(this.barBackgroundColor)
+    // 备注：鸿蒙目前只有修改三线导航背景方法，对于全面屏导航条手机需要设置背景色并使其扩散到导航区域
     .backgroundColor(this.barBackgroundColor)
     .backgroundColor(this.barBackgroundColor)
     .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM])
     .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM])
 
 
@@ -108,17 +108,6 @@ export struct BottomNavigationComponent {
 
 
   }
   }
 
 
-  /**
-   * TODO:更详细的判断视频频道
-   */
-  getFontColor(index: number): Color {
-    if (this.currentNavIndex === 2 && this.barBackgroundColor === Color.Black) {
-      return Color.White
-    } else {
-      return this.currentNavIndex === index ? Color.Red : Color.Gray
-    }
-  }
-
   @Builder
   @Builder
   tabBarBuilder(navItem: BottomNavDTO, index: number) {
   tabBarBuilder(navItem: BottomNavDTO, index: number) {
     Stack({ alignContent: Alignment.Bottom }) {
     Stack({ alignContent: Alignment.Bottom }) {
@@ -126,37 +115,39 @@ export struct BottomNavigationComponent {
         .height(CommonConstants.FULL_PARENT)
         .height(CommonConstants.FULL_PARENT)
         .padding({ bottom: 15, left: 10, right: 10, top: 2 })
         .padding({ bottom: 15, left: 10, right: 10, top: 2 })
         .aspectRatio(this.ASPECT_RATIO_1_1)
         .aspectRatio(this.ASPECT_RATIO_1_1)
+        .gesture(
+          TapGesture({ count: 2 })
+            .onAction((event: GestureEvent) => {
+              if (this.currentNavIndex === index) {
+                // 当前tab，双击事件
+                this.autoRefresh++
+              }
+            })
+        )
 
 
       Text(navItem.name)
       Text(navItem.name)
         .margin({ bottom: $r('app.float.bottom_navigation_margin_bottom') })
         .margin({ bottom: $r('app.float.bottom_navigation_margin_bottom') })
         .fontWeight(this.currentNavIndex === index ? FontWeight.Bold : FontWeight.Normal)
         .fontWeight(this.currentNavIndex === index ? FontWeight.Bold : FontWeight.Normal)
         .textAlign(TextAlign.Center)
         .textAlign(TextAlign.Center)
         .fontSize($r('app.float.font_size_10'))// .fontColor(this.currentNavIndex === index ? Color.Red : Color.Gray)
         .fontSize($r('app.float.font_size_10'))// .fontColor(this.currentNavIndex === index ? Color.Red : Color.Gray)
-        .fontColor(this.getFontColor(index))
+        .fontColor(this.currentNavIndex === index ? navItem.nameCColor : navItem.nameColor)
         .opacity(this.currentNavIndex === index ? this.FULL_OPACITY : this.SIXTY_OPACITY)
         .opacity(this.currentNavIndex === index ? this.FULL_OPACITY : this.SIXTY_OPACITY)
     }
     }
     .height($r('app.float.bottom_navigation_barHeight'))
     .height($r('app.float.bottom_navigation_barHeight'))
     .hoverEffect(HoverEffect.Highlight)
     .hoverEffect(HoverEffect.Highlight)
     .onClick(() => {
     .onClick(() => {
-      if (this.currentNavIndex === index) {
-        // 当前tab，双击事件
-        this.doubleClick(() => {
-          Logger.info(TAG, 'tab double click ')
-          this.autoRefresh++
-        })
+      if (navItem.name === '我的') {
+        this.barBackgroundColor = Color.White
+        this.currentBottomNavInfo = {} as BottomNavDTO
       } else {
       } else {
-        // 切换tab
-        this.currentNavIndex = index;
-        Logger.info(TAG, `onChange, index: ${index}`);
+        this.currentBottomNavInfo = navItem
       }
       }
+
+      this.currentNavIndex = index;
+      Logger.info(TAG, `onChange, index: ${index}`);
+
     })
     })
 
 
-    // .justifyContent(FlexAlign.Center)
-    // .onClick(() => {
-    //   Logger.info(TAG, `onClick, index: ${index}`);
-    //   this.currentNavIndex = index ?? 0;
-    //   this.navController.changeIndex(this.currentNavIndex);
-    // })
   }
   }
 
 
   // 底导切换函数
   // 底导切换函数
@@ -199,17 +190,17 @@ export struct BottomNavigationComponent {
   /**
   /**
    * 双击实现
    * 双击实现
    */
    */
-  doubleClickTime: number = 0
+  // doubleClickTime: number = 0
 
 
   /**
   /**
    * 双击实现
    * 双击实现
    */
    */
-  private doubleClick(fun: () => void) {
-    let now = DateTimeUtils.getTimeStamp()
-    if (now - this.doubleClickTime < 200) {
-      fun()
-    } else {
-      this.doubleClickTime = now
-    }
-  }
+  // private doubleClick(fun: () => void) {
+  //   let now = DateTimeUtils.getTimeStamp()
+  //   if (now - this.doubleClickTime < 200) {
+  //     fun()
+  //   } else {
+  //     this.doubleClickTime = now
+  //   }
+  // }
 }
 }

@@ -11,6 +11,7 @@ const MY_CHANNEL_TIP2: string = '拖动调整频道顺序'
 const MORE_CHANNEL: string = '更多频道'
 const MORE_CHANNEL: string = '更多频道'
 const LOCAL_CHANNEL: string = '地方频道'
 const LOCAL_CHANNEL: string = '地方频道'
 
 
+const TAG: string = 'ChannelSubscriptionLayout'
 
 
 @CustomDialog
 @CustomDialog
 struct ChannelDialog {
 struct ChannelDialog {

@@ -27,6 +27,7 @@ export struct PageComponent {
   @Link @Watch('onChange') currentTopNavSelectedIndex: number
   @Link @Watch('onChange') currentTopNavSelectedIndex: number
   // 自动刷新通知
   // 自动刷新通知
   @Prop @Watch('onAutoRefresh') autoRefresh: number = 0
   @Prop @Watch('onAutoRefresh') autoRefresh: number = 0
+  private listScroller: Scroller = new Scroller();
 
 
   build() {
   build() {
     Column() {
     Column() {
@@ -61,7 +62,7 @@ export struct PageComponent {
   ListLayout() {
   ListLayout() {
 
 
     RelativeContainer() {
     RelativeContainer() {
-      List() {
+      List({ scroller: this.listScroller }) {
         // 下拉刷新
         // 下拉刷新
         ListItem() {
         ListItem() {
           RefreshLayout({
           RefreshLayout({
@@ -235,6 +236,7 @@ export struct PageComponent {
     }
     }
     // 当前页面，自动刷新数据
     // 当前页面，自动刷新数据
     Logger.debug(TAG, 'page onAutoRefresh ' + this.autoRefresh)
     Logger.debug(TAG, 'page onAutoRefresh ' + this.autoRefresh)
+    this.listScroller.scrollToIndex(0)
     autoRefresh(this.pageModel, this.pageAdvModel)
     autoRefresh(this.pageModel, this.pageAdvModel)
   }
   }
 
 

-import { CompDTO, TopNavDTO } from 'wdBean';
+import { BottomNavDTO, CompDTO, TopNavDTO } from 'wdBean';
 import { LazyDataSource, Logger } from 'wdKit';
 import { LazyDataSource, Logger } from 'wdKit';
 import { ProcessUtils } from 'wdRouter';
 import { ProcessUtils } from 'wdRouter';
 import { PageComponent } from './PageComponent';
 import { PageComponent } from './PageComponent';
@@ -26,12 +26,14 @@ export struct TopNavigationComponent {
   @Consume isLayoutFullScreen: boolean
   @Consume isLayoutFullScreen: boolean
   @Consume bottomRectHeight: number
   @Consume bottomRectHeight: number
   @Consume topRectHeight: number
   @Consume topRectHeight: number
+  @Consume @Watch('topOrBottomNavChange') currentBottomNavInfo: BottomNavDTO // 当前底导信息
+  @Consume barBackgroundColor: Color
   @State bottomSafeHeight: number = AppStorage.get<number>('bottomSafeHeight') || 0
   @State bottomSafeHeight: number = AppStorage.get<number>('bottomSafeHeight') || 0
   @State topSafeHeight: number = AppStorage.get<number>('topSafeHeight') || 0
   @State topSafeHeight: number = AppStorage.get<number>('topSafeHeight') || 0
-  @Link barBackgroundColor: Color
   @Link _currentNavIndex?: number;
   @Link _currentNavIndex?: number;
   // 顶导当前选中/焦点下标
   // 顶导当前选中/焦点下标
-  @State currentTopNavSelectedIndex: number = 0;
+  @State @Watch('topOrBottomNavChange') currentTopNavSelectedIndex: number = 0;
+  @State currentTopNavName: string = '';
   // 顶导数据
   // 顶导数据
   @State @Watch('onTopNavigationDataUpdated') topNavList: TopNavDTO[] = []
   @State @Watch('onTopNavigationDataUpdated') topNavList: TopNavDTO[] = []
   @State compList: LazyDataSource<CompDTO> = new LazyDataSource();
   @State compList: LazyDataSource<CompDTO> = new LazyDataSource();
@@ -56,6 +58,21 @@ export struct TopNavigationComponent {
   // 当前底导index
   // 当前底导index
   @State navIndex: number = 0
   @State navIndex: number = 0
 
 
+  topOrBottomNavChange() {
+    if (this.currentBottomNavName === this.currentBottomNavInfo?.name) {
+      this.setBarBackgroundColor()
+    }
+  }
+
+  setBarBackgroundColor() {
+    console.error('setBarBackgroundColor', this.currentTopNavName, this.currentBottomNavInfo?.name)
+    if (this.currentTopNavName === '视频' && this.currentBottomNavInfo?.name === '视频') {
+      this.barBackgroundColor = Color.Black
+    } else {
+      this.barBackgroundColor = Color.White
+    }
+  }
+
   //处理新闻tab顶导频道数据
   //处理新闻tab顶导频道数据
   topNavListHandle() {
   topNavListHandle() {
     let _channelIds: number [] = []
     let _channelIds: number [] = []
@@ -126,10 +143,14 @@ export struct TopNavigationComponent {
     this.channelIds = _channelIds
     this.channelIds = _channelIds
     this.myChannelList = _myChannelList
     this.myChannelList = _myChannelList
 
 
+    this.currentTopNavName = this._currentNavIndex === 0 ? this.myChannelList[0].name : this.topNavList[0].name
+
+
     //缓存首页频道
     //缓存首页频道
     let index = this.myChannelList.findIndex(_item => _item.channelId === this.indexSettingChannelId)
     let index = this.myChannelList.findIndex(_item => _item.channelId === this.indexSettingChannelId)
     if (index > -1) {
     if (index > -1) {
       this.currentTopNavSelectedIndex = index
       this.currentTopNavSelectedIndex = index
+      this.currentTopNavName = this.myChannelList[index].name
     }
     }
   }
   }
 
 
@@ -196,7 +217,6 @@ export struct TopNavigationComponent {
                   groupId: this.groupId + '',
                   groupId: this.groupId + '',
                   pageId: navItem.pageId + '',
                   pageId: navItem.pageId + '',
                   channelId: navItem.channelId + '',
                   channelId: navItem.channelId + '',
-                  barBackgroundColor: $barBackgroundColor
                 })
                 })
               } else
               } else
                 if (!this.isBroadcast(navItem) && !this.isLayout(navItem)) {
                 if (!this.isBroadcast(navItem) && !this.isLayout(navItem)) {
@@ -216,9 +236,10 @@ export struct TopNavigationComponent {
         .barHeight($r('app.float.top_tab_bar_height'))
         .barHeight($r('app.float.top_tab_bar_height'))
         .barMode(BarMode.Scrollable)
         .barMode(BarMode.Scrollable)
         .vertical(false)
         .vertical(false)
-        // item.name === '视频' && this.currentTopNavSelectedIndex === 0 ?
         .barBackgroundColor(this.barBackgroundColor)
         .barBackgroundColor(this.barBackgroundColor)
         .onChange((index: number) => {
         .onChange((index: number) => {
+          this.currentTopNavName = this._currentNavIndex === 0 ? this.myChannelList[index].name : this.topNavList[index].name
+
           Logger.info(TAG, `onChange index : ${index}`);
           Logger.info(TAG, `onChange index : ${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]) &&
             !this.isLayout(this._currentNavIndex === 0 ? this.myChannelList[index] : this.topNavList[index])
             !this.isLayout(this._currentNavIndex === 0 ? this.myChannelList[index] : this.topNavList[index])
@@ -256,15 +277,11 @@ export struct TopNavigationComponent {
   }
   }
 
 
   /**
   /**
-   * TODO:更详细的判断视频频道
+   * TODO:根据顶导配置获取颜色展示效果不对，待确认
    */
    */
-  getFontColor(item: TopNavDTO, index: number): Color | string {
-    if (this._currentNavIndex === 2) {
-      if (this.currentTopNavSelectedIndex == 0) {
-        return item.name === '视频' ? Color.White : '#e5e0e0'
-      } else {
-        return this.currentTopNavSelectedIndex === index ? Color.Black : "#999999"
-      }
+  getTopNavFontColor(item: TopNavDTO, index: number): Color | string {
+    if (item.name === '视频' && this.currentBottomNavInfo.name === '视频') {
+      return this.currentTopNavSelectedIndex === index ? Color.White : '#e5e0e0'
     } else {
     } else {
       return this.currentTopNavSelectedIndex === index ? Color.Black : "#999999"
       return this.currentTopNavSelectedIndex === index ? Color.Black : "#999999"
     }
     }
@@ -276,9 +293,10 @@ export struct TopNavigationComponent {
       Text(item.name)
       Text(item.name)
         .fontSize($r('app.float.selected_text_size'))
         .fontSize($r('app.float.selected_text_size'))
         .fontWeight(this.currentTopNavSelectedIndex === index ? FontWeight.Bold : FontWeight.Normal)
         .fontWeight(this.currentTopNavSelectedIndex === index ? FontWeight.Bold : FontWeight.Normal)
-        .fontColor(this.getFontColor(item, index))
-        .padding({ top: $r('app.float.top_tab_item_padding_top') , bottom: $r('app.float.top_tab_item_padding_bottom')})
+        .fontColor(this.getTopNavFontColor(item, index))
+        .padding({ top: $r('app.float.top_tab_item_padding_top'), bottom: $r('app.float.top_tab_item_padding_bottom') })
         .maxLines(this.MAX_LINE)
         .maxLines(this.MAX_LINE)
+      // .backgroundImage(this.currentTopNavSelectedIndex === index ? item.iconCUrl : item.iconUrl)
       if (this.currentTopNavSelectedIndex === index) {
       if (this.currentTopNavSelectedIndex === index) {
         Row()
         Row()
           .width(20)
           .width(20)
@@ -292,18 +310,20 @@ export struct TopNavigationComponent {
       minWidth: $r('app.float.top_tab_item_min_width'),
       minWidth: $r('app.float.top_tab_item_min_width'),
       maxWidth: $r('app.float.top_tab_item_max_width')
       maxWidth: $r('app.float.top_tab_item_max_width')
     })
     })
-    .backgroundColor(Color.Transparent)
+    // .backgroundColor(Color.Transparent)
     .padding({
     .padding({
       left: $r('app.float.top_tab_item_padding_horizontal'),
       left: $r('app.float.top_tab_item_padding_horizontal'),
       right: $r('app.float.top_tab_item_padding_horizontal'),
       right: $r('app.float.top_tab_item_padding_horizontal'),
     })
     })
     .id(`col_tabBar${index}`)
     .id(`col_tabBar${index}`)
     .margin({ right: this.myChannelList.length === index + 1 ? 36 : 0 })
     .margin({ right: this.myChannelList.length === index + 1 ? 36 : 0 })
+
   }
   }
 
 
   aboutToAppear() {
   aboutToAppear() {
     //处理新闻tab顶导频道数据
     //处理新闻tab顶导频道数据
     this.topNavListHandle()
     this.topNavListHandle()
+    this.setBarBackgroundColor()
   }
   }
 
 
   aboutToDisappear() {
   aboutToDisappear() {

@@ -63,8 +63,4 @@ export struct SearchRelatedComponent {
     .padding({ left: '31lpx', right: '31lpx' })
     .padding({ left: '31lpx', right: '31lpx' })
   }
   }
 
 
-  test(){
-    let c = "12121212121"
-
-  }
 }
 }

@@ -36,7 +36,7 @@ export struct SearchResultComponent {
   getSuggestData() {
   getSuggestData() {
     this.isLoading = true
     this.isLoading = true
 
 
-    let request: SearchSuggestRequestItem = new SearchSuggestRequestItem(2, "", "", HttpUrlUtils.getImei(), UserDataLocal.userId, 8, "")
+    let request: SearchSuggestRequestItem = new SearchSuggestRequestItem(2, "", "", HttpUrlUtils.getImei(), UserDataLocal.getUserId(), 8, "")
 
 
     SearcherAboutDataModel.getSearchSuggestData(request, getContext(this)).then((value) => {
     SearcherAboutDataModel.getSearchSuggestData(request, getContext(this)).then((value) => {
       value.forEach((item) => {
       value.forEach((item) => {

@@ -9,7 +9,6 @@ export struct AboutPageUI {
   @State listData: Array<string | Array<string>> = ['隐私授权协议', '软件许可及用户协议'];
   @State listData: Array<string | Array<string>> = ['隐私授权协议', '软件许可及用户协议'];
   @State message: string = '京ICP备16066560号-6A   Copyright © 人民日报客户端\nall rights reserved.'
   @State message: string = '京ICP备16066560号-6A   Copyright © 人民日报客户端\nall rights reserved.'
   @State version: string = '版本号：v'
   @State version: string = '版本号：v'
-  clickTimes: number = 0
   dialogController: CustomDialogController = new CustomDialogController({
   dialogController: CustomDialogController = new CustomDialogController({
     builder: EnvironmentCustomDialog({
     builder: EnvironmentCustomDialog({
       cancel: () => {
       cancel: () => {
@@ -42,12 +41,12 @@ export struct AboutPageUI {
         .width('278lpx')
         .width('278lpx')
         .height('154lpx')
         .height('154lpx')
         .margin({ top: '173lpx', bottom: '154lpx' })
         .margin({ top: '173lpx', bottom: '154lpx' })
-        .onClick(() => {
-          this.clickTimes++
-          if (this.clickTimes > 2) {
-            this.dialogController.open()
-          }
-        })
+        .gesture(
+          TapGesture({ count: 2 })
+            .onAction((event: GestureEvent) => {
+              this.dialogController.open()
+            })
+        )
       // Row(){
       // Row(){
       //
       //
       // }.backgroundColor(Color.Yellow)
       // }.backgroundColor(Color.Yellow)

 import { SPHelper } from 'wdKit/Index';
 import { SPHelper } from 'wdKit/Index';
-import { HttpUrlUtils } from 'wdNetwork/Index';
+import { HostEnum, HostManager, HttpUrlUtils } from 'wdNetwork/Index';
 
 
 @CustomDialog
 @CustomDialog
 export struct EnvironmentCustomDialog {
 export struct EnvironmentCustomDialog {
-  currentEnvironment: string = HttpUrlUtils.HOST_PRODUCT;
+  @State currentEnvironment: string = HostManager.getHost();
   controller: CustomDialogController
   controller: CustomDialogController
   cancel: () => void = () => {
   cancel: () => void = () => {
   }
   }
@@ -21,12 +21,12 @@ export struct EnvironmentCustomDialog {
         .margin({ top: 20 })
         .margin({ top: 20 })
       Row() {
       Row() {
         Radio({ value: 'Radio1', group: 'radioGroup' })
         Radio({ value: 'Radio1', group: 'radioGroup' })
-          .checked(true)
+          .checked(this.currentEnvironment == HostEnum.HOST_SIT)
           .height(20)
           .height(20)
           .width(20)
           .width(20)
           .onChange((isChecked: boolean) => {
           .onChange((isChecked: boolean) => {
             if (isChecked) {
             if (isChecked) {
-              this.currentEnvironment = HttpUrlUtils.HOST_SIT;
+              this.currentEnvironment = HostEnum.HOST_SIT;
             }
             }
           })
           })
         Text('切换到SIT(测试)环境,重启应用生效')
         Text('切换到SIT(测试)环境,重启应用生效')
@@ -37,12 +37,12 @@ export struct EnvironmentCustomDialog {
 
 
       Row() {
       Row() {
         Radio({ value: 'Radio1', group: 'radioGroup' })
         Radio({ value: 'Radio1', group: 'radioGroup' })
-          .checked(true)
+          .checked(this.currentEnvironment == HostEnum.HOST_UAT)
           .height(20)
           .height(20)
           .width(20)
           .width(20)
           .onChange((isChecked: boolean) => {
           .onChange((isChecked: boolean) => {
             if (isChecked) {
             if (isChecked) {
-              this.currentEnvironment = HttpUrlUtils.HOST_UAT;
+              this.currentEnvironment = HostEnum.HOST_UAT;
             }
             }
           })
           })
         Text('切换到UAT(预发布)环境,重启应用生效')
         Text('切换到UAT(预发布)环境,重启应用生效')
@@ -53,12 +53,12 @@ export struct EnvironmentCustomDialog {
 
 
       Row() {
       Row() {
         Radio({ value: 'Radio1', group: 'radioGroup' })
         Radio({ value: 'Radio1', group: 'radioGroup' })
-          .checked(true)
+          .checked(this.currentEnvironment == HostEnum.HOST_PRODUCT)
           .height(20)
           .height(20)
           .width(20)
           .width(20)
           .onChange((isChecked: boolean) => {
           .onChange((isChecked: boolean) => {
             if (isChecked) {
             if (isChecked) {
-              this.currentEnvironment = HttpUrlUtils.HOST_PRODUCT;
+              this.currentEnvironment = HostEnum.HOST_PRODUCT;
             }
             }
           })
           })
         Text('切换到PROD(现网)环境,重启应用生效')
         Text('切换到PROD(现网)环境,重启应用生效')
@@ -69,12 +69,12 @@ export struct EnvironmentCustomDialog {
 
 
       Row() {
       Row() {
         Radio({ value: 'Radio1', group: 'radioGroup' })
         Radio({ value: 'Radio1', group: 'radioGroup' })
-          .checked(true)
+          .checked(this.currentEnvironment == HostEnum.HOST_DEV)
           .height(20)
           .height(20)
           .width(20)
           .width(20)
           .onChange((isChecked: boolean) => {
           .onChange((isChecked: boolean) => {
             if (isChecked) {
             if (isChecked) {
-              this.currentEnvironment = HttpUrlUtils.HOST_DEV;
+              this.currentEnvironment = HostEnum.HOST_DEV;
             }
             }
           })
           })
         Text('切换到DEV(开发)环境,重启应用生效')
         Text('切换到DEV(开发)环境,重启应用生效')

@@ -29,7 +29,7 @@ export struct HorizontalStrokeCardThreeTwoRadioForMoreComponent {
             .width(14)
             .width(14)
             .height(14)
             .height(14)
         }
         }
-        .visibility(this.compDTO?.objectType === '0' ? Visibility.None : Visibility.Visible)
+        .visibility(this.compDTO?.objectType === '0' || this.compDTO?.objectType === '' ? Visibility.None : Visibility.Visible)
         .onClick(() => {
         .onClick(() => {
           if (this.compDTO?.objectType === '11') {
           if (this.compDTO?.objectType === '11') {
             ProcessUtils.jumpChannelTab(this.compDTO.objectId, this.compDTO.pageId as string)
             ProcessUtils.jumpChannelTab(this.compDTO.objectId, this.compDTO.pageId as string)

 import { Logger } from 'wdKit/Index'
 import { Logger } from 'wdKit/Index'
 import { LikeViewModel } from '../../viewmodel/LikeViewModel'
 import { LikeViewModel } from '../../viewmodel/LikeViewModel'
+import { SPHelper } from 'wdKit';
+import { WDRouterPage, WDRouterRule } from 'wdRouter/Index';
+import { SpConstants } from 'wdConstant/Index';
+
 
 
 const TAG = 'LikeComponent';
 const TAG = 'LikeComponent';
 
 
@@ -9,6 +13,8 @@ export struct LikeComponent {
   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: 新闻页中间位置样式
+  @State likeCount: number = 0 //点赞数
 
 
   //上层传值  样例
   //上层传值  样例
   // this.data['contentId'] = '30035444649' //必须
   // this.data['contentId'] = '30035444649' //必须
@@ -23,34 +29,100 @@ export struct LikeComponent {
     if (this.data) {
     if (this.data) {
       //获取点赞状态
       //获取点赞状态
       this.getLikeStatus()
       this.getLikeStatus()
+      //获取点赞数
+      this.getLikeCount()
     }
     }
 
 
   }
   }
 
 
   build() {
   build() {
-    Column() {
-      Image(this.likeStatus ? $r('app.media.icon_like_select') : $r('app.media.icon_like_default'))
-        .width(24)
-        .height(24)
-        .onClick(() => {
-          if (!this.enableBtn) {
-            return
-          }
-          if (this.likeStatus) {
-            //1
-            this.executeLike('0')
-          } else {
-            //0
-            this.executeLike('1')
+    if (this.componentType == 2){
+      //2: 新闻页中间位置样式
+      Column() {
+
+        Button(){
+
+          Row(){
+            Image(this.likeStatus ? $r('app.media.icon_like_select') : $r('app.media.icon_like_default'))
+              .width(20)
+              .height(20)
+            Text(this.likeCount.toString())
+              .height(20)
+              .margin({
+                right: 0,
+                left: 4
+              })
+              .fontColor(this.likeStatus ? '#ED2800' : '#222222')
+              .fontSize('16')
           }
           }
+          .justifyContent(FlexAlign.Center)
+          .width('100%')
+          .height('100%')
+
+        }
+        .width('100%')
+        .height('100%')
+        .backgroundColor(Color.White)
+        .type(ButtonType.Capsule)
+        .borderColor('#EDEDED')
+        .borderRadius(20)
+        .borderWidth(1)
+        .onClick(()=>{
+
+          this.clickButtonEvent()
+
         })
         })
-    }.width(24).height(24)
+
+      }
+      .width(154)
+      .height(40)
+
+
+    }else {
+      //1: 底部栏目样式  默认样式
+      Column() {
+        Image(this.likeStatus ? $r('app.media.icon_like_select') : $r('app.media.icon_like_default'))
+          .width(24)
+          .height(24)
+          .onClick(() => {
+            this.clickButtonEvent()
+          })
+      }.width(24).height(24)
+    }
+
+  }
+
+  async clickButtonEvent(){
+    // 未登录，跳转登录
+    const user_id = await SPHelper.default.get(SpConstants.USER_ID, '')
+    if (!user_id) {
+      WDRouterRule.jumpWithPage(WDRouterPage.loginPage)
+      return
+    }
+
+    if (!this.enableBtn) {
+      return
+    }
+    if (this.likeStatus) {
+      //1
+      this.executeLike('0')
+    } else {
+      //0
+      this.executeLike('1')
+    }
+
   }
   }
 
 
   executeLike(status: string) {
   executeLike(status: string) {
     this.data['status'] = status
     this.data['status'] = status
     this.viewModel.executeLike2(this.data).then(() => {
     this.viewModel.executeLike2(this.data).then(() => {
       this.likeStatus = !this.likeStatus
       this.likeStatus = !this.likeStatus
+      //点赞和取消点赞成功后更新点赞数
+      if(this.likeStatus){
+        this.likeCount ++
+      }else {
+        this.likeCount --
+      }
       this.enableBtn = true
       this.enableBtn = true
     }).catch(() => {
     }).catch(() => {
       this.enableBtn = true
       this.enableBtn = true
@@ -69,5 +141,19 @@ export struct LikeComponent {
     })
     })
   }
   }
 
 
+  //获取点赞数
+  getLikeCount() {
+    this.viewModel.getLikeCount(this.data).then((data) => {
+      if (data && data['data']) {
+        this.likeCount = data['data']['likeNum']
+      }else {
+        this.likeCount = 0
+      }
+    }).catch(() => {
+      this.likeCount = 0
+    })
+  }
+
+
 
 
 }
 }

@@ -13,6 +13,7 @@ import router from '@ohos.router';
 import inputMethod from '@ohos.inputMethod';
 import inputMethod from '@ohos.inputMethod';
 import { MultiPictureDetailViewModel } from '../../viewmodel/MultiPictureDetailViewModel';
 import { MultiPictureDetailViewModel } from '../../viewmodel/MultiPictureDetailViewModel';
 import {  LikeComponent } from './LikeComponent';
 import {  LikeComponent } from './LikeComponent';
+import {  CommentCustomDialog } from '../comment/view/CommentCustomDialog';
 import { HttpUrlUtils } from 'wdNetwork/Index';
 import { HttpUrlUtils } from 'wdNetwork/Index';
 import { WDRouterPage, WDRouterRule } from 'wdRouter/Index';
 import { WDRouterPage, WDRouterRule } from 'wdRouter/Index';
 import { PageRepository } from '../../repository/PageRepository';
 import { PageRepository } from '../../repository/PageRepository';
@@ -27,11 +28,13 @@ export interface OperationItem {
 
 
 const TAG = 'OperRowListView';
 const TAG = 'OperRowListView';
 
 
-@Preview
+// @Preview
+@Entry
 @Component
 @Component
 export struct OperRowListView {
 export struct OperRowListView {
   // private contentDetailData: ContentDetailDTO  = {} as ContentDetailDTO
   // private contentDetailData: ContentDetailDTO  = {} as ContentDetailDTO
-  @Prop contentDetailData: ContentDetailDTO
+  // @Prop contentDetailData: ContentDetailDTO
+  @State contentDetailData: ContentDetailDTO = {} as ContentDetailDTO
   @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> = {}
@@ -71,12 +74,13 @@ export struct OperRowListView {
     // this.data['channelId'] = "2059"  //必须
     // this.data['channelId'] = "2059"  //必须
     // this.data['status'] = "1"  //必须
     // this.data['status'] = "1"  //必须
     this.likeBean['contentId'] = this.contentDetailData.newsId + ''
     this.likeBean['contentId'] = this.contentDetailData.newsId + ''
-    this.likeBean['userName'] = this.contentDetailData.editorName + ''
+    this.likeBean['userName'] = this.contentDetailData.userInfo?.userName + ''
     this.likeBean['contentType'] = this.contentDetailData.newsType + ''
     this.likeBean['contentType'] = this.contentDetailData.newsType + ''
     this.likeBean['title'] = this.contentDetailData.newsTitle + ''
     this.likeBean['title'] = this.contentDetailData.newsTitle + ''
-    this.likeBean['userHeaderUrl'] = ''
+    this.likeBean['userHeaderUrl'] = this.contentDetailData.userInfo?.headPhotoUrl + ''
     this.likeBean['channelId'] = this.contentDetailData.reLInfo?.channelId + ''
     this.likeBean['channelId'] = this.contentDetailData.reLInfo?.channelId + ''
-    this.likeBean['status'] = ''
+    console.info(TAG, 'contentDetailData----', JSON.stringify(this.contentDetailData))
+    console.info(TAG, 'likeBean----', JSON.stringify(this.likeBean))
   }
   }
 
 
   build() {
   build() {
@@ -100,7 +104,13 @@ export struct OperRowListView {
         .onClick(() => {
         .onClick(() => {
           router.back();
           router.back();
         })
         })
-        TextInput({placeholder:'说两句11...'})
+        Column() {
+          /*评论组件*/
+        /*  CommentCustomDialog({
+            placeHolderText: '说两句'
+          })*/
+        }
+        /*TextInput({placeholder:'说两句...'})
           .placeholderColor('#999999')
           .placeholderColor('#999999')
           .placeholderFont(
           .placeholderFont(
             {
             {
@@ -116,9 +126,9 @@ export struct OperRowListView {
           .borderRadius(0)
           .borderRadius(0)
           .onClick(() => {
           .onClick(() => {
             this.buildInputMethod()
             this.buildInputMethod()
-          })
+          })*/
       }
       }
-      .width('45.5%')
+      // .width('45.5%')
       .alignItems(VerticalAlign.Center)
       .alignItems(VerticalAlign.Center)
       .justifyContent(FlexAlign.Start)
       .justifyContent(FlexAlign.Start)
       Flex({ justifyContent: FlexAlign.SpaceAround, alignItems:ItemAlign.Center }) {
       Flex({ justifyContent: FlexAlign.SpaceAround, alignItems:ItemAlign.Center }) {
@@ -129,8 +139,11 @@ export struct OperRowListView {
       .width('54.5%')
       .width('54.5%')
     }
     }
     .width('100%')
     .width('100%')
-    .height(126)
+    .height(50)
     .backgroundColor(Color.Black)
     .backgroundColor(Color.Black)
+    .margin({
+      bottom: 20
+    })
   }
   }
   /**
   /**
    * 组件项
    * 组件项
@@ -141,9 +154,12 @@ export struct OperRowListView {
   buildOperationItem(item: OperationItem, index: number) {
   buildOperationItem(item: OperationItem, index: number) {
     Column() {
     Column() {
       if (item.text === '点赞') {
       if (item.text === '点赞') {
-        LikeComponent({
-          data: this.likeBean
-        })
+        /*点赞组件*/
+        if (this.likeBean?.contentId) {
+          LikeComponent({
+            data: this.likeBean
+          })
+        }
 
 
       /*  RelativeContainer()  {
       /*  RelativeContainer()  {
           Row() {
           Row() {
@@ -191,6 +207,7 @@ export struct OperRowListView {
         }
         }
         .id(`e_icon_${index}`)*/
         .id(`e_icon_${index}`)*/
       } else if (item.text === '收藏') {
       } else if (item.text === '收藏') {
+
         RelativeContainer()  {
         RelativeContainer()  {
           Row() {
           Row() {
             Image(this.newsStatusOfUser?.collectStatus == 1 ? item.icon_check : item.icon)
             Image(this.newsStatusOfUser?.collectStatus == 1 ? item.icon_check : item.icon)
@@ -236,7 +253,7 @@ export struct OperRowListView {
         }
         }
         .id(`e_icon_${index}`)
         .id(`e_icon_${index}`)
       }  else if (item.text === '评论') {
       }  else if (item.text === '评论') {
-        RelativeContainer()  {
+       /* RelativeContainer()  {
           Row() {
           Row() {
             Image(item.icon)
             Image(item.icon)
               .width(24)
               .width(24)
@@ -279,7 +296,7 @@ export struct OperRowListView {
             .id(`e_row3_${index}`)
             .id(`e_row3_${index}`)
           }
           }
         }
         }
-        .id(`e_icon_${index}`)
+        .id(`e_icon_${index}`)*/
       } else {
       } else {
         RelativeContainer()  {
         RelativeContainer()  {
           Row() {
           Row() {

@@ -43,5 +43,27 @@ export class LikeModel {
 
 
 
 
 
 
+  getLikeCount(data: Record<string, string>) {
+    let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
+    let channelId : string = data['channelId']
+    let contentId : string = data['contentId']
+    let contentType : string = data['contentType']
+    let detail : string = '1'
+    let url = HttpUrlUtils.getLikeCount() + `?channelId=${channelId}&contentId=${contentId}&contentType=${contentType}&detail=${detail}`
+    return new Promise<object>((success, fail) => {
+      HttpBizUtil.get<ResponseDTO<object>>(url, headers).then((data: ResponseDTO<object>) => {
+        if (data.code != 0) {
+          fail(data.message)
+          return
+        }
+        success(data)
+      }, (error: Error) => {
+        fail(error.message)
+        Logger.debug("LoginViewModel:error ", error.toString())
+      })
+    })
+  }
+
+
 
 
 }
 }

 import HashMap from '@ohos.util.HashMap';
 import HashMap from '@ohos.util.HashMap';
-import { UserDataLocal } from 'wdKit/Index';
-import { HttpUrlUtils, ResponseDTO } from 'wdNetwork';
-import { HttpRequest } from 'wdNetwork/src/main/ets/http/HttpRequest';
+import { HttpBizUtil, HttpUrlUtils, ResponseDTO } from 'wdNetwork';
 
 
 export class LogoutModel{
 export class LogoutModel{
 
 
   requestLogout(){
   requestLogout(){
     let bean: Record<string, string> = {};
     let bean: Record<string, string> = {};
-    bean['refreshToken'] = UserDataLocal.USER_REFRESH_TOKEN
-    bean['refreshToken'] = 'ddrqreeee'
+    bean['refreshToken'] = HttpUrlUtils.getRefreshToken()
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
     return new Promise<string>((success, fail) => {
     return new Promise<string>((success, fail) => {
-      HttpRequest.post<ResponseDTO<string>>(HttpUrlUtils.accountLogoutUrl(), bean, headers).then((data: ResponseDTO<string>) => {
+      HttpBizUtil.post<ResponseDTO<string>>(HttpUrlUtils.accountLogoutUrl(), bean, headers).then((data: ResponseDTO<string>) => {
         if (!data) {
         if (!data) {
           fail("数据为空")
           fail("数据为空")
           return
           return
@@ -23,7 +20,6 @@ export class LogoutModel{
         success(data.message)
         success(data.message)
       }, (error: Error) => {
       }, (error: Error) => {
         fail(error.message)
         fail(error.message)
-        // Logger.debug("LoginViewModel:error ", error.toString())
       })
       })
     })
     })
   }
   }

@@ -19,7 +19,7 @@ const TAG = "SearcherAboutDataModel"
 class SearcherAboutDataModel{
 class SearcherAboutDataModel{
   private static instance: SearcherAboutDataModel;
   private static instance: SearcherAboutDataModel;
   public searchHistoryData:SearchHistoryItem[] = []
   public searchHistoryData:SearchHistoryItem[] = []
-  public SEARCH_HISTORY_KEY:string = "SEARCH_HISTORY_KEY" + UserDataLocal.userId
+  public SEARCH_HISTORY_KEY:string = "SEARCH_HISTORY_KEY" + UserDataLocal.getUserId()
 
 
   private constructor() { }
   private constructor() { }
 
 

@@ -29,13 +29,11 @@ struct MineHomePage {
   registTime:number = 0//账号注册时间
   registTime:number = 0//账号注册时间
   @State registerTimeForDay:number = 0
   @State registerTimeForDay:number = 0
 
 
-  aboutToAppear(){
+  onPageShow(): void {
     this.getUserInfo()
     this.getUserInfo()
     this.getUserLevel()
     this.getUserLevel()
   }
   }
 
 
-
-
   build() {
   build() {
     Stack({ alignContent: Alignment.Top }){
     Stack({ alignContent: Alignment.Top }){
       Image($r('app.media.title_bg'))
       Image($r('app.media.title_bg'))
@@ -65,9 +63,8 @@ struct MineHomePage {
                   .height('130lpx')
                   .height('130lpx')
                   .objectFit(ImageFit.Cover)
                   .objectFit(ImageFit.Cover)
               }.onClick(()=>{
               }.onClick(()=>{
-                //TODO 显示头像
-                let params = {'userId': "531267787833221"} as Record<string, string>;
-                WDRouterRule.jumpWithPage(WDRouterPage.otherNormalUserHomePagePage,params)
+                let params = {'headPhotoUrl': this.headPhotoUrl} as Record<string, string>;
+                WDRouterRule.jumpWithPage(WDRouterPage.showUserHeaderPage,params)
               }).width('135lpx')
               }).width('135lpx')
               .height('135lpx')
               .height('135lpx')
 
 
@@ -370,6 +367,9 @@ struct MineHomePage {
         if(StringUtils.isNotEmpty(value.introduction)){
         if(StringUtils.isNotEmpty(value.introduction)){
           this.desc = value.introduction
           this.desc = value.introduction
           this.isHasIntroduction = true
           this.isHasIntroduction = true
+        }else{
+          this.desc = "点击添加简介，让大家认识你"
+          this.isHasIntroduction = false
         }
         }
         this.browseNum = value.browseNum
         this.browseNum = value.browseNum
         this.commentNum = value.commentNum
         this.commentNum = value.commentNum

 import { PhotoListBean } from 'wdBean/Index';
 import { PhotoListBean } from 'wdBean/Index';
 import { display, router } from '@kit.ArkUI';
 import { display, router } from '@kit.ArkUI';
-import { Logger } from 'wdKit/Index';
 import { ImageItemView } from '../components/view/ImageItemView';
 import { ImageItemView } from '../components/view/ImageItemView';
 import { ImageDownloadComponent } from '../components/ImageDownloadComponent';
 import { ImageDownloadComponent } from '../components/ImageDownloadComponent';
 import { Action } from 'wdBean';
 import { Action } from 'wdBean';
@@ -10,7 +9,6 @@ const TAG = 'MultiPictureListPage';
 @Entry
 @Entry
 @Component
 @Component
 export struct MultiPictureListPage {
 export struct MultiPictureListPage {
-  @Provide @Watch('onCurrentPageNumUpdated') currentPageNum: string = '01'
   private scroller: Scroller = new Scroller()
   private scroller: Scroller = new Scroller()
   @State swiperIndex: number = 0;
   @State swiperIndex: number = 0;
   photoList: PhotoListBean[] = [];
   photoList: PhotoListBean[] = [];
@@ -20,17 +18,10 @@ export struct MultiPictureListPage {
   private picWidth: number = 0
   private picWidth: number = 0
   @State picHeight: number = 0
   @State picHeight: number = 0
   @State isEnableSwipe: boolean = true;
   @State isEnableSwipe: boolean = true;
+  @State currentUrl: string = ''
 
 
   // @Provide bgc: Color = Color.White;
   // @Provide bgc: Color = Color.White;
 
 
-  //watch监听页码回调
-  onCurrentPageNumUpdated(): void {
-    Logger.info(TAG, `currentPageNum：${this.currentPageNum}`,)
-    let _swiperIndex = Number.parseInt(this.currentPageNum)
-    Logger.info(TAG, `_swiperIndex：${_swiperIndex}`)
-    this.swiperIndex = _swiperIndex > 0 ? _swiperIndex - 1 : _swiperIndex
-  }
-
   aboutToAppear(): void {
   aboutToAppear(): void {
     //获取宽高尺寸
     //获取宽高尺寸
     this.screenWidth = this.displayTool.width
     this.screenWidth = this.displayTool.width
@@ -40,6 +31,8 @@ export struct MultiPictureListPage {
     let par: Action = router.getParams() as Action;
     let par: Action = router.getParams() as Action;
     let params = par?.params;
     let params = par?.params;
     this.photoList = params?.extra?.photoList || [];
     this.photoList = params?.extra?.photoList || [];
+    this.swiperIndex = params?.extra?.swiperIndex || 0;
+    this.currentUrl = this.photoList[this.swiperIndex]?.picPath
   }
   }
 
 
   build() {
   build() {
@@ -80,6 +73,7 @@ export struct MultiPictureListPage {
         })
         })
         .onChange((index: number) => {
         .onChange((index: number) => {
           this.swiperIndex = index
           this.swiperIndex = index
+          this.currentUrl = this.photoList[index]?.picPath
         })
         })
 
 
         Row() {
         Row() {
@@ -121,7 +115,7 @@ export struct MultiPictureListPage {
         })
         })
       }
       }
 
 
-      ImageDownloadComponent({ url: this.photoList[this.swiperIndex].picPath })
+      ImageDownloadComponent({ url: this.currentUrl })
         .alignRules({
         .alignRules({
           bottom: { anchor: "__container__", align: VerticalAlign.Bottom },
           bottom: { anchor: "__container__", align: VerticalAlign.Bottom },
           right: { anchor: "__container__", align: HorizontalAlign.End }
           right: { anchor: "__container__", align: HorizontalAlign.End }

+import { router } from '@kit.ArkUI';
+
+@Entry
+@Component
+struct ShowUserHeaderPage {
+  @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.default_head'))
+        .width('720lpx')
+        .height('720lpx')
+        .objectFit(ImageFit.Auto)
+        .clip(new Circle({ width: '720lpx', height: '720lpx' }))
+    }
+    .width('100%')
+    .height('100%')
+    .alignItems(VerticalAlign.Center)
+    .backgroundColor($r('app.color.color_000000'))
+    .onClick(()=>{
+      router.back()
+    })
+  }
+}

@@ -35,16 +35,8 @@ export class PageRepository {
   }
   }
 
 
   static getPageInfoUrl(pageId: string) {
   static getPageInfoUrl(pageId: string) {
-    let url = HttpUrlUtils.getHost() + HttpUrlUtils.PAGE_INFO_PATH;
-    // TODO 暂定只请求第一页，后续对接分页加载，参数再调整 first_load？
-    url = url + "?channelStrategy=2&loadStrategy=first_load"
-      + "&districtCode=" + HttpUrlUtils.getDistrictCode()
-      + "&provinceCode=" + HttpUrlUtils.getProvinceCode()
-      + "&cityCode=" + HttpUrlUtils.getCityCode()
-      + "&refreshTime=" + DateTimeUtils.getTimeStamp()
-      + "&pageId=" + pageId
-    // Logger.debug("TAG", 'getCompInfoUrl url: '+url);
-    Logger.info(TAG, "getPageInfoUrl url = " + url)
+    let url = HttpUrlUtils.getHost() + HttpUrlUtils.PAGE_INFO_PATH + "?pageId=" + pageId;
+    // Logger.info(TAG, "getPageInfoUrl url = " + url)
     return url;
     return url;
   }
   }
 
 
@@ -293,7 +285,7 @@ export class PageRepository {
   static postExecuteLike(params: postExecuteLikeParams): Promise<ResponseDTO> {
   static postExecuteLike(params: postExecuteLikeParams): Promise<ResponseDTO> {
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.INTERACT_EXECUTELIKE
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.INTERACT_EXECUTELIKE
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
-    return WDHttp.post0(url, params, headers)
+    return WDHttp.post(url, params, headers)
   }
   }
 
 
   /**
   /**
@@ -304,7 +296,7 @@ export class PageRepository {
   static postExecuteCollectRecord(params: postExecuteCollectRecordParams): Promise<ResponseDTO> {
   static postExecuteCollectRecord(params: postExecuteCollectRecordParams): Promise<ResponseDTO> {
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.INTERACT_EXECUTECOLLECTRECORD
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.INTERACT_EXECUTECOLLECTRECORD
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
-    return WDHttp.post0(url, params, headers)
+    return WDHttp.post(url, params, headers)
   }
   }
 
 
   /**
   /**
@@ -314,7 +306,7 @@ export class PageRepository {
   static getContentInteract(params: contentListParams): Promise<ResponseDTO<InteractDataDTO[]>> {
   static getContentInteract(params: contentListParams): Promise<ResponseDTO<InteractDataDTO[]>> {
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.INTERACT_DATA_PATH
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.INTERACT_DATA_PATH
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
-    return WDHttp.post0(url, params, headers)
+    return WDHttp.post(url, params, headers)
   }
   }
 
 
   // 浏览历史新增、删除接口
   // 浏览历史新增、删除接口
@@ -331,7 +323,7 @@ export class PageRepository {
   static fetchBatchAttentionStatus(params: postBatchAttentionStatusParams): Promise<ResponseDTO<postBatchAttentionStatusResult[]>> {
   static fetchBatchAttentionStatus(params: postBatchAttentionStatusParams): Promise<ResponseDTO<postBatchAttentionStatusResult[]>> {
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.FOLLOW_LIST_STATUS_DATA_PATH
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.FOLLOW_LIST_STATUS_DATA_PATH
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
-    return WDHttp.post0(url, params, headers)
+    return WDHttp.post(url, params, headers)
   }
   }
 
 
   /**
   /**
@@ -340,7 +332,7 @@ export class PageRepository {
   static postInteractAccentionOperate(params: postInteractAccentionOperateParams): Promise<ResponseDTO> {
   static postInteractAccentionOperate(params: postInteractAccentionOperateParams): Promise<ResponseDTO> {
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.INTERACT_ACCENTION_OPERATION
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.INTERACT_ACCENTION_OPERATION
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
-    return WDHttp.post0(url, params, headers)
+    return WDHttp.post(url, params, headers)
   }
   }
 
 
   static fetchNewspaperInfo(date: string) {
   static fetchNewspaperInfo(date: string) {

+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * RGB颜色类型
+ */
+export interface ColorRgb {
+  // 红色（Red）
+  red: number;
+
+  // 绿色（Green）
+  green: number;
+
+  // 蓝色（Blue）
+  blue: number;
+
+  // 透明度
+  alpha: number;
+}
+
+/**
+ * HSV颜色类型
+ */
+export interface ColorHsv {
+  // 色调
+  hue: number;
+
+  // 饱和度
+  saturation: number;
+
+  // 明度
+  value: number;
+
+  // 透明度
+  alpha: number;
+}
+
+// RGB颜色最大值
+const MAX_RGB_VALUE: number = 255.0;
+
+export class ColorUtils {
+  /**
+   * RGB格式转换为HSV格式，公式参考resources/base/media/rgb_to_hsv.png
+   * @param color RGB像素值
+   * @returns HSV像素值
+   */
+  public static rgb2hsv(color: ColorRgb): ColorHsv {
+    // RGB颜色取值范围是0~255，需要转换为0~1的浮点数
+    const red: number = color.red / MAX_RGB_VALUE;
+    const green: number = color.green / MAX_RGB_VALUE;
+    const blue: number = color.blue / MAX_RGB_VALUE;
+
+    const max: number = Math.max(red, green, blue);
+    const min: number = Math.min(red, green, blue);
+    const delta: number = max - min;
+
+    // 色调
+    let hue: number = 0;
+    // 饱和度
+    let saturation: number = 0;
+    // 明度
+    let value: number = 0;
+    // 计算hue值
+    if (max === min) {
+      hue = 0;
+    } else if (Math.abs(max - red) < Number.EPSILON) {
+      hue = (green >= blue ? ((green - blue) / delta) * 60 : ((green - blue) / delta) * 60 + 360);
+    } else if (Math.abs(max - green) < Number.EPSILON) {
+      hue = (((blue - red) / delta) + 2) * 60;
+    } else if (Math.abs(max - blue) < Number.EPSILON) {
+      hue = (((red - green) / delta) + 4) * 60;
+    }
+    // 计算saturation值
+    saturation = (max === 0 ? 0 : delta / max);
+    // 计算value值
+    value = max;
+
+    return {
+      hue: hue,
+      saturation: saturation,
+      value: value,
+      alpha: color.alpha
+    }
+  }
+
+  /**
+   * HSV格式转换为RGB格式，公式可参考resources/base/media/hsv_to_rgb.png
+   * @param color HSV像素值
+   * @returns RGB像素值
+   */
+  public static hsv2rgb(color: ColorHsv): ColorRgb {
+    // hue取值范围是0~360°，每60°为一个区间，每个区间中RGB计算方式不同
+    const h60: number = color.hue / 60;
+    // 向下取整
+    const h60f: number = Math.floor(h60);
+    const hi: number = h60f % 6;
+    const f: number = h60 - h60f;
+    // 计算不同hue区间里面的RGB值
+    const p: number = color.value * (1 - color.saturation);
+    const q: number = color.value * (1 - f * color.saturation);
+    const t: number = color.value * (1 - (1 - f) * color.saturation);
+
+    let red: number = 0.0;
+    let green: number = 0.0;
+    let blue: number = 0.0;
+    // 根据区间，计算RGB的值
+    if (hi === 0) {
+      red = color.value;
+      green = t;
+      blue = p;
+    } else if (hi === 1) {
+      red = q;
+      green = color.value;
+      blue = p;
+    } else if (hi === 2) {
+      red = p;
+      green = color.value;
+      blue = t;
+    } else if (hi === 3) {
+      red = p;
+      green = q;
+      blue = color.value;
+    } else if (hi === 4) {
+      red = t;
+      green = p;
+      blue = color.value;
+    } else if (hi === 5) {
+      red = color.value;
+      green = p;
+      blue = q;
+    }
+    // RGB取值范围是0~255，需要通过计算
+    return {
+      red: Math.floor(red * MAX_RGB_VALUE),
+      green: Math.floor(green * MAX_RGB_VALUE),
+      blue: Math.floor(blue * MAX_RGB_VALUE),
+      alpha: color.alpha
+    }
+  }
+
+  /**
+   * RGB颜色转为整数值
+   * @param color RGB像素值
+   * @returns 整数
+   */
+  public static rgbToNumber(color: ColorRgb): number {
+    const tmpColor = ((color.alpha << 24) | (color.red << 16) | (color.green << 8) | color.blue)
+    return tmpColor;
+  }
+
+  /**
+   * 整数值转为RGB颜色值
+   * @param color 整数
+   * @returns RGB格式像素
+   */
+  public static numberToRgb(color: number): ColorRgb {
+    return {
+      red: (color & 0xFF0000) >> 16,
+      green: (color & 0xFF00) >> 8,
+      blue: (color & 0xFF),
+      alpha: (color & 0xFF000000) >> 24
+    }
+  }
+}

+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { resourceManager } from '@kit.LocalizationKit';
+import { image } from '@kit.ImageKit';
+import { ColorHsv, ColorRgb, ColorUtils } from './ColorUtils';
+import { http } from '@kit.NetworkKit';
+import { BusinessError } from '@kit.BasicServicesKit';
+import ResponseCode from '@ohos.net.http';
+
+const resourceMgs: resourceManager.ResourceManager = getContext(this).resourceManager;
+const PIXEL_MAP_SIZE_WIDTH: number = 40;
+const PIXEL_MAP_SIZE_HEIGHT: number = 40;
+
+/**
+ * 图片转换为PixelMap对象
+ * @param icon 图片地址，模拟数据存放于rawfile文件夹中
+ * @returns 图片转换的PixelMap对象
+ */
+export async function image2PixelMap(icon: string): Promise<image.PixelMap> {
+  // 读取rawfile文件夹下的文件
+  const rawFileDescriptor: resourceManager.RawFileDescriptor = resourceMgs.getRawFdSync(icon);
+  const imageSource: image.ImageSource = image.createImageSource(rawFileDescriptor);
+  // 通过ImageSource对象创建PixelMap对象，使用BGRA_8888格式，由4个字节表示一个像素
+  const pixelMap: Promise<PixelMap> = imageSource.createPixelMap({
+    editable: false,
+    desiredPixelFormat: image.PixelMapFormat.BGRA_8888,
+    // 高性能知识点：经测试，将图片的宽和高设置为40像素时，既可以保证提取颜色的准确性，也可以保证计算颜色的速度。
+    desiredSize: { width: PIXEL_MAP_SIZE_WIDTH, height: PIXEL_MAP_SIZE_HEIGHT }
+  })
+  return pixelMap;
+}
+
+/**
+ * 通过http的request方法从网络下载图片资源
+ */
+// export async function getPicture() {
+//   const url:string='https://rmrbcmsonline.peopleapp.com/upload/image/202312/rmrb_86691703594454.png'
+//   http.createHttp()
+//     .request(url,
+//       (error: BusinessError, data: http.HttpResponse) => {
+//         // if (error) {
+//         //   // 下载失败时弹窗提示检查网络，不执行后续逻辑
+//         //   promptAction.showToast({
+//         //     message: $r('app.string.image_request_fail'),
+//         //     duration: 2000
+//         //   })
+//         //   return;
+//         // }
+//         // transcodePixelMap(data);
+//         // 判断网络获取到的资源是否为ArrayBuffer类型
+//         // if (data.result instanceof ArrayBuffer) {
+//         //   this.imageBuffer = data.result as ArrayBuffer;
+//         // }
+//         if (ResponseCode.ResponseCode.OK === data.responseCode) {
+//           const imageData: ArrayBuffer = data.result as ArrayBuffer;
+//           // 通过ArrayBuffer创建图片源实例。
+//           const imageSource: image.ImageSource = image.createImageSource(imageData);
+//           return imageSource
+//           // const options: image.InitializationOptions = {
+//           //   'alphaType': 0, // 透明度
+//           //   'editable': false, // 是否可编辑
+//           //   'pixelFormat': 3, // 像素格式
+//           //   'scaleMode': 1, // 缩略值
+//           //   'size': { height: 100, width: 100 }
+//           // }; // 创建图片大小
+//
+//           // 通过属性创建PixelMap
+//           // imageSource.createPixelMap(options).then((pixelMap: PixelMap) => {
+//           //   // this.image = pixelMap;
+//           // });
+//           // imageNet2PixelMap(imageSource)
+//         }
+//       }
+//     )
+// }
+
+// 假设http和image是之前正确导入或定义的模块
+export async function getPicture(imageUrl: string): Promise<image.ImageSource | undefined> {
+  // const url: string = 'https://rmrbcmsonline.peopleapp.com/upload/image/202312/rmrb_86691703594454.png';
+  const url: string = 'https://rmrbcmsonline.peopleapp.com/upload/image/201912/rmrb_24141576767688.png?x-oss-process=image/resize,w_550/quality,q_90/format,jpg';
+
+  return new Promise((resolve, reject) => {
+    http.createHttp().request(url, (error: BusinessError, data: http.HttpResponse) => {
+      if (error) {
+        // 处理错误情况，比如网络错误
+        console.error("Download error", error);
+        // 你可以选择reject(error)或者根据需要调整
+        reject(error);
+        return;
+      }
+      if (ResponseCode.ResponseCode.OK === data.responseCode) {
+        const imageData: ArrayBuffer = data.result as ArrayBuffer;
+        // 通过ArrayBuffer创建图片源实例
+        const imageSource: image.ImageSource = image.createImageSource(imageData);
+        resolve(imageSource); // 成功时解析Promise
+      } else {
+        // 处理其他响应码
+        reject(new Error('Invalid response code'));
+      }
+    });
+  });
+}
+
+
+/**
+ * 使用createPixelMap将ArrayBuffer类型的图片装换为PixelMap类型
+ * @param data：网络获取到的资源
+ */
+function transcodePixelMap(data: http.HttpResponse) {
+  if (ResponseCode.ResponseCode.OK === data.responseCode) {
+    const imageData: ArrayBuffer = data.result as ArrayBuffer;
+    // 通过ArrayBuffer创建图片源实例。
+    const imageSource: image.ImageSource = image.createImageSource(imageData);
+    // const options: image.InitializationOptions = {
+    //   'alphaType': 0, // 透明度
+    //   'editable': false, // 是否可编辑
+    //   'pixelFormat': 3, // 像素格式
+    //   'scaleMode': 1, // 缩略值
+    //   'size': { height: 100, width: 100 }
+    // }; // 创建图片大小
+
+    // 通过属性创建PixelMap
+    // imageSource.createPixelMap(options).then((pixelMap: PixelMap) => {
+    //   // this.image = pixelMap;
+    // });
+    // imageNet2PixelMap(imageSource)
+  }
+}
+
+/**
+ * 图片转换为PixelMap对象
+ * @param icon 图片地址，模拟数据存放于rawfile文件夹中
+ * @returns 图片转换的PixelMap对象
+ */
+export async function imageNet2PixelMap(imageSource: image.ImageSource): Promise<image.PixelMap> {
+  // 读取rawfile文件夹下的文件
+  // const rawFileDescriptor: resourceManager.RawFileDescriptor = resourceMgs.getRawFdSync(icon);
+  // const imageSource: image.ImageSource = image.createImageSource(rawFileDescriptor);
+  // 通过ImageSource对象创建PixelMap对象，使用BGRA_8888格式，由4个字节表示一个像素
+  const pixelMap: Promise<PixelMap> = imageSource.createPixelMap({
+    editable: false,
+    desiredPixelFormat: image.PixelMapFormat.BGRA_8888,
+    // 高性能知识点：经测试，将图片的宽和高设置为40像素时，既可以保证提取颜色的准确性，也可以保证计算颜色的速度。
+    desiredSize: { width: PIXEL_MAP_SIZE_WIDTH, height: PIXEL_MAP_SIZE_HEIGHT }
+  })
+  return pixelMap;
+}
+
+/**
+ * 查找数组中出现次数最多的像素
+ * @param allPixels 像素数组
+ * @returns 出现次数最多的像素
+ */
+export function findMaxPixel(allPixels: number[]): number {
+  // 遍历数组，将像素放到一个Map中，key是像素值，value是该像素值出现的次数
+  const map: Map<number, number> = new Map();
+  allPixels.forEach((pixel: number) => {
+    if (map.has(pixel)) {
+      map.set(pixel, map.get(pixel)! + 1);
+    } else {
+      map.set(pixel, 1);
+    }
+  })
+  // 查找出现次数最多的像素
+  let maxPixel: number = 0;
+  let maxTimes: number = 0;
+  map.forEach((value: number, key: number) => {
+    if (value >= maxTimes) {
+      maxTimes = value;
+      maxPixel = key;
+    }
+  })
+  return maxPixel;
+}
+
+/**
+ * 修改HSV格式的颜色值，可根据业务需求或者UI设计自行修改S和V的值，此处只举例进行说明
+ * @param color HSV格式的颜色
+ */
+export function modifySVValue(color: ColorHsv): void {
+  if (color.hue > 0 && color.hue <= 60) {
+    color.saturation = 0.12;
+    color.value = 0.93;
+  } else if (color.hue > 60 && color.hue <= 190) {
+    color.saturation = 0.08;
+    color.value = 0.91;
+  } else if (color.hue > 190 && color.hue <= 270) {
+    color.saturation = 0.1;
+    color.value = 0.93;
+  } else {
+    color.saturation = 0.08;
+    color.value = 0.93;
+  }
+}
+
+/**
+ * 遍历所有像素，并放到一个数组中
+ * @param pixelMap 图片的PixelMap对象
+ * @returns 包含图片所有像素的数组
+ */
+export async function traverseAllPixel(pixelMap: image.PixelMap): Promise<number[]> {
+  // PixelMap对象使用BGRA_8888格式，由4个字节表示一个像素，并且宽和高都设置为40，所以此处ArrayBuffer的length就是40*40*4
+  const pixelArrayBuffer: ArrayBuffer = new ArrayBuffer(40 * 40 * 4);
+  // 将PixelMap对象读入ArrayBuffer中
+  await pixelMap.readPixelsToBuffer(pixelArrayBuffer);
+  const allPixels: number[] = [];
+  // ArrayBuffer是一个二进制的数组，无法直接读取内容，需要转换为整型数组才可以正常使用，此处使用Uint8Array（8 位无符号整型数组）
+  const unit8Pixels: Uint8Array = new Uint8Array(pixelArrayBuffer);
+  // 遍历unit8Pixels，取出每个像素的red、green、blue、alpha颜色值，放到一个ColorRgb对象中，然后将ColorRgb转换为数字，放入数组中
+  for (let i = 0; i < unit8Pixels.length; i += 4) {
+    // 如果是透明色，则不放入数组中，否则可能导致计算出来的出现次数最多的像素是透明色
+    if (unit8Pixels[i] === 0 && unit8Pixels[i+1] === 0 && unit8Pixels[i+2] === 0 && unit8Pixels[i+3] === 0) {
+      continue;
+    }
+    // BGRA_8888格式，B表示Blue，G表示Green，R表示Red，A表示透明度，此处根据顺序提取B、R、G、A
+    const rgb: ColorRgb = {
+      red: unit8Pixels[i+2],
+      green: unit8Pixels[i+1],
+      blue: unit8Pixels[i],
+      alpha: unit8Pixels[i+3]
+    }
+    // 高性能知识点：直接将ColorRgb放入数组或者Map中会影响计算出现次数最多的像素的速度，所以需要使用rgbToNumber方法转换为整数
+    allPixels.push(ColorUtils.rgbToNumber(rgb));
+  }
+  return allPixels;
+}

@@ -48,5 +48,19 @@ export class LikeViewModel {
   }
   }
 
 
 
 
+  //点赞数
+  getLikeCount(bean: Record<string, string>) {
+
+    return new Promise<object>((success, fail) => {
+      this.likeModel.getLikeCount(bean).then((data) => {
+        success(data)
+      }).catch((error: string) => {
+        fail(error)
+      })
+    })
+
+  }
+
+
 
 
 }
 }

 import { SpConstants } from 'wdConstant/Index'
 import { SpConstants } from 'wdConstant/Index'
-import { SPHelper } from 'wdKit/Index'
+import { SPHelper, UserDataLocal } from 'wdKit/Index'
 import { HttpUrlUtils } from 'wdNetwork/Index'
 import { HttpUrlUtils } from 'wdNetwork/Index'
 import { LogoutModel } from '../model/LogoutModel'
 import { LogoutModel } from '../model/LogoutModel'
 
 
@@ -20,17 +20,18 @@ export class LogoutViewModel{
   }
   }
 
 
   static clearLoginInfo() {
   static clearLoginInfo() {
-    SPHelper.default.save(SpConstants.USER_FIRST_MARK, '')
-    SPHelper.default.save(SpConstants.USER_ID, '')
-    SPHelper.default.save(SpConstants.USER_JWT_TOKEN, '')
-    SPHelper.default.save(SpConstants.USER_LONG_TIME_NO_LOGIN_MARK, '')
-    SPHelper.default.save(SpConstants.USER_REFRESH_TOKEN, '')
-    SPHelper.default.save(SpConstants.USER_STATUS, '')
-    SPHelper.default.save(SpConstants.USER_Type, '')
-    SPHelper.default.save(SpConstants.USER_NAME, '')
-    SPHelper.default.save(SpConstants.USER_PHONE, '')
+    SPHelper.default.saveSync(SpConstants.USER_FIRST_MARK, '')
+    SPHelper.default.saveSync(SpConstants.USER_ID, '')
+    SPHelper.default.saveSync(SpConstants.USER_JWT_TOKEN, '')
+    SPHelper.default.saveSync(SpConstants.USER_LONG_TIME_NO_LOGIN_MARK, '')
+    SPHelper.default.saveSync(SpConstants.USER_REFRESH_TOKEN, '')
+    SPHelper.default.saveSync(SpConstants.USER_STATUS, '')
+    SPHelper.default.saveSync(SpConstants.USER_Type, '')
+    SPHelper.default.saveSync(SpConstants.USER_NAME, '')
+    SPHelper.default.saveSync(SpConstants.USER_PHONE, '')
     HttpUrlUtils.setUserId("")
     HttpUrlUtils.setUserId("")
     HttpUrlUtils.setUserType("")
     HttpUrlUtils.setUserType("")
     HttpUrlUtils.setUserToken('')
     HttpUrlUtils.setUserToken('')
+    UserDataLocal.clearUserData()
   }
   }
 }
 }

-import { PageDTO, CompDTO, PageInfoDTO, ContentDTO } from 'wdBean';
+import { CompDTO, ContentDTO, PageDTO, PageInfoDTO } from 'wdBean';
 import { CompStyle, ViewType } from 'wdConstant/Index';
 import { CompStyle, ViewType } from 'wdConstant/Index';
 import { CollectionUtils, DateTimeUtils, Logger, NetworkUtil } from 'wdKit';
 import { CollectionUtils, DateTimeUtils, Logger, NetworkUtil } from 'wdKit';
 import { closeRefresh } from '../utils/PullDownRefresh';
 import { closeRefresh } from '../utils/PullDownRefresh';
 import PageModel from './PageModel';
 import PageModel from './PageModel';
 import PageViewModel from './PageViewModel';
 import PageViewModel from './PageViewModel';
 import { promptAction } from '@kit.ArkUI';
 import { promptAction } from '@kit.ArkUI';
-import { AdvRuleBean, CompAdvBean } from 'wdBean/src/main/ets/bean/adv/AdvsRuleBean';
+import { CompAdvBean } from 'wdBean/src/main/ets/bean/adv/AdvsRuleBean';
 import PageAdModel from './PageAdvModel';
 import PageAdModel from './PageAdvModel';
 import { ArrayList } from '@kit.ArkTS';
 import { ArrayList } from '@kit.ArkTS';
 import { WDViewDefaultType } from '../components/view/EmptyComponent';
 import { WDViewDefaultType } from '../components/view/EmptyComponent';
@@ -104,12 +104,12 @@ export class PageHelper {
     if (pageDto && pageDto.compList && pageDto.compList.length > 0) {
     if (pageDto && pageDto.compList && pageDto.compList.length > 0) {
       pageModel.viewType = ViewType.LOADED;
       pageModel.viewType = ViewType.LOADED;
       let sizeBefore: number = pageModel.compList.size();
       let sizeBefore: number = pageModel.compList.size();
-      if (pageDto.compList.length === pageModel.pageSize) {
+      if (isLastGroup) {
+        // 认为分页只会在最后一个group里
         pageModel.currentPage++;
         pageModel.currentPage++;
-        pageModel.hasMore = true;
-      } else {
-        pageModel.hasMore = false;
       }
       }
+      // pageModel.currentPage++;
+      pageModel.hasMore = true;
 
 
       //移除音频 和 活动
       //移除音频 和 活动
       this.collectPageComp(pageModel, pageDto)
       this.collectPageComp(pageModel, pageDto)
@@ -221,12 +221,9 @@ export class PageHelper {
         if (data == null || data.compList == null || data.compList.length == 0) {
         if (data == null || data.compList == null || data.compList.length == 0) {
           pageModel.hasMore = false;
           pageModel.hasMore = false;
         } else {
         } else {
-          if (data.compList.length == pageModel.pageSize) {
-            pageModel.currentPage++;
-            pageModel.hasMore = true;
-          } else {
-            pageModel.hasMore = false;
-          }
+          // 直接认为有分页，一直加载分页。直到没有数据，再停止
+          pageModel.currentPage++;
+          pageModel.hasMore = true;
           let sizeBefore: number = pageModel.compList.size();
           let sizeBefore: number = pageModel.compList.size();
 
 
           //移除音频 和 活动
           //移除音频 和 活动

@@ -21,6 +21,7 @@
     "components/page/LiveMorePage",
     "components/page/LiveMorePage",
     "components/page/ReserveMorePage",
     "components/page/ReserveMorePage",
     "pages/VideoPlayPage",
     "pages/VideoPlayPage",
-    "components/page/ThemeListPage"
+    "components/page/ThemeListPage",
+    "pages/ShowUserHeaderPage"
   ]
   ]
 }
 }

@@ -7,5 +7,7 @@ export { PlayError } from './src/main/ets/view/PlayError'
 
 
 export { devicePLSensorManager } from './src/main/ets/utils/devicePortLandSensor'
 export { devicePLSensorManager } from './src/main/ets/utils/devicePortLandSensor'
 
 
+export { postInteractAccentionOperateParams } from './src/main/ets/request/ContentDetailRequest'
+
 
 
 
 

@@ -245,7 +245,7 @@ export class ContentDetailRequest {
   static getContentInteract(params: contentListParams): Promise<ResponseDTO<InteractDataDTO[]>> {
   static getContentInteract(params: contentListParams): Promise<ResponseDTO<InteractDataDTO[]>> {
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.INTERACT_DATA_PATH
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.INTERACT_DATA_PATH
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
-    return WDHttp.post0(url, params, headers)
+    return WDHttp.post(url, params, headers)
   }
   }
 
 
   /**
   /**
@@ -255,7 +255,7 @@ export class ContentDetailRequest {
   static postBatchLikeAndCollectStatus(params: batchLikeAndCollectParams): Promise<ResponseDTO<batchLikeAndCollectResult[]>> {
   static postBatchLikeAndCollectStatus(params: batchLikeAndCollectParams): Promise<ResponseDTO<batchLikeAndCollectResult[]>> {
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.INTERACT_DATA_STATUS
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.INTERACT_DATA_STATUS
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
-    return WDHttp.post0(url, params, headers)
+    return WDHttp.post(url, params, headers)
   }
   }
 
 
   /**
   /**
@@ -265,7 +265,7 @@ export class ContentDetailRequest {
   static postBatchAttentionStatus(params: postBatchAttentionStatusParams): Promise<ResponseDTO<postBatchAttentionStatusResult[]>> {
   static postBatchAttentionStatus(params: postBatchAttentionStatusParams): Promise<ResponseDTO<postBatchAttentionStatusResult[]>> {
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.FOLLOW_LIST_STATUS_DATA_PATH
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.FOLLOW_LIST_STATUS_DATA_PATH
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
-    return WDHttp.post0(url, params, headers)
+    return WDHttp.post(url, params, headers)
   }
   }
 
 
 
 
@@ -277,7 +277,7 @@ export class ContentDetailRequest {
   static postRecommendVideoList(params: recommentVideoListParams): Promise<ResponseDTO<ContentDetailDTO[]>> {
   static postRecommendVideoList(params: recommentVideoListParams): Promise<ResponseDTO<ContentDetailDTO[]>> {
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.RECOMMEND_VIDEOLIST
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.RECOMMEND_VIDEOLIST
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
-    return WDHttp.post0(url, params, headers)
+    return WDHttp.post(url, params, headers)
   }
   }
 
 
   /**
   /**
@@ -288,7 +288,7 @@ export class ContentDetailRequest {
   static postExecuteLike(params: postExecuteLikeParams): Promise<ResponseDTO> {
   static postExecuteLike(params: postExecuteLikeParams): Promise<ResponseDTO> {
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.INTERACT_EXECUTELIKE
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.INTERACT_EXECUTELIKE
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
-    return WDHttp.post0(url, params, headers)
+    return WDHttp.post(url, params, headers)
   }
   }
 
 
   /**
   /**
@@ -299,7 +299,7 @@ export class ContentDetailRequest {
   static postExecuteCollectRecord(params: postExecuteCollectRecordParams): Promise<ResponseDTO> {
   static postExecuteCollectRecord(params: postExecuteCollectRecordParams): Promise<ResponseDTO> {
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.INTERACT_EXECUTECOLLECTRECORD
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.INTERACT_EXECUTECOLLECTRECORD
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
-    return WDHttp.post0(url, params, headers)
+    return WDHttp.post(url, params, headers)
   }
   }
 
 
   /**
   /**
@@ -309,7 +309,7 @@ export class ContentDetailRequest {
   static postPointLevelOperate(params: postPointLevelOperateParams): Promise<ResponseDTO> {
   static postPointLevelOperate(params: postPointLevelOperateParams): Promise<ResponseDTO> {
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.USERPOINT_OPERATE
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.USERPOINT_OPERATE
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
-    return WDHttp.post0(url, params, headers)
+    return WDHttp.post(url, params, headers)
   }
   }
 
 
   /**
   /**
@@ -318,7 +318,7 @@ export class ContentDetailRequest {
   static postCommentPublish(params: postCommentPublishParams): Promise<ResponseDTO> {
   static postCommentPublish(params: postCommentPublishParams): Promise<ResponseDTO> {
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.COMMENT_PUBLISH
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.COMMENT_PUBLISH
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
-    return WDHttp.post0(url, params, headers)
+    return WDHttp.post(url, params, headers)
   }
   }
 
 
 
 
@@ -328,7 +328,7 @@ export class ContentDetailRequest {
   static postInteractBrowsOperate(params: postInteractBrowsOperateParams): Promise<ResponseDTO> {
   static postInteractBrowsOperate(params: postInteractBrowsOperateParams): Promise<ResponseDTO> {
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.INTERACT_BROWS_OPERATE
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.INTERACT_BROWS_OPERATE
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
-    return WDHttp.post0(url, params, headers)
+    return WDHttp.post(url, params, headers)
   }
   }
 
 
   /**
   /**
@@ -337,6 +337,6 @@ export class ContentDetailRequest {
   static postInteractAccentionOperate(params: postInteractAccentionOperateParams): Promise<ResponseDTO> {
   static postInteractAccentionOperate(params: postInteractAccentionOperateParams): Promise<ResponseDTO> {
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.INTERACT_ACCENTION_OPERATION
     let url = HttpUrlUtils.getHost() + HttpUrlUtils.INTERACT_ACCENTION_OPERATION
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
     let headers: HashMap<string, string> = HttpUrlUtils.getCommonHeaders();
-    return WDHttp.post0(url, params, headers)
+    return WDHttp.post(url, params, headers)
   }
   }
 }
 }

@@ -67,14 +67,13 @@ export struct DetailPlayLivePage {
 
 
   onPageShowCus(): void {
   onPageShowCus(): void {
     Logger.info(TAG, `wyj-onPageShowCus`)
     Logger.info(TAG, `wyj-onPageShowCus`)
-    // WindowModel.shared.setPreferredOrientation(window.Orientation.AUTO_ROTATION_RESTRICTED);
+    // WindowModel.shared.setPreferredOrientation(window.Orientation.LOCKED);
   }
   }
 
 
   onPageHideCus(): void {
   onPageHideCus(): void {
     Logger.info(TAG, `wyj-onPageHideCus`)
     Logger.info(TAG, `wyj-onPageHideCus`)
-    devicePLSensorManager.devicePLSensorOff();
-    // WindowModel.shared.setPreferredOrientation(window.Orientation.AUTO_ROTATION_RESTRICTED);
-    this.playerController?.pause()
+    this.listener.off('change');
+    // devicePLSensorManager.devicePLSensorOff();
   }
   }
 
 
   onBackPressCus(): boolean | void {
   onBackPressCus(): boolean | void {
@@ -86,9 +85,9 @@ export struct DetailPlayLivePage {
     WindowModel.shared.setPreferredOrientation(this.displayDirection == DisplayDirection.VERTICAL ?
     WindowModel.shared.setPreferredOrientation(this.displayDirection == DisplayDirection.VERTICAL ?
     window.Orientation.PORTRAIT :
     window.Orientation.PORTRAIT :
     window.Orientation.LANDSCAPE)
     window.Orientation.LANDSCAPE)
-    devicePLSensorManager.devicePLSensorOn(this.displayDirection == DisplayDirection.VERTICAL ?
-    window.Orientation.PORTRAIT :
-    window.Orientation.LANDSCAPE);
+    // devicePLSensorManager.devicePLSensorOn(this.displayDirection == DisplayDirection.VERTICAL ?
+    // window.Orientation.PORTRAIT :
+    // window.Orientation.LANDSCAPE);
     return true
     return true
   }
   }
 
 

@@ -7,6 +7,7 @@ import { PlayerInfoComponent } from '../widgets/vertical/PlayerInfoComponent';
 import { WDPlayerController } from 'wdPlayer/Index';
 import { WDPlayerController } from 'wdPlayer/Index';
 import { DisplayDirection } from 'wdConstant/Index';
 import { DisplayDirection } from 'wdConstant/Index';
 import { LiveEmptyComponent, WDLiveViewDefaultType } from 'wdComponent/Index';
 import { LiveEmptyComponent, WDLiveViewDefaultType } from 'wdComponent/Index';
+import { PlayerEndView } from '../widgets/vertical/PlayerEndView';
 
 
 const storage = LocalStorage.getShared();
 const storage = LocalStorage.getShared();
 const TAG = 'DetailPlayVLivePage'
 const TAG = 'DetailPlayVLivePage'
@@ -29,6 +30,7 @@ export struct DetailPlayVLivePage {
   @State contentId: string = ''
   @State contentId: string = ''
   @State relType: string = ''
   @State relType: string = ''
   @State swiperIndex: number = 1
   @State swiperIndex: number = 1
+  @State imgUrl: string = ''
 
 
   aboutToAppear(): void {
   aboutToAppear(): void {
     console.log(TAG, 'aboutToAppear')
     console.log(TAG, 'aboutToAppear')
@@ -51,50 +53,52 @@ export struct DetailPlayVLivePage {
   }
   }
 
 
   build() {
   build() {
-    Column() {
+
+    Stack() {
+      Image(this.imgUrl)
+        .height('100%')
+        .width('100%')
+        .blur(100)
+        .renderFit(RenderFit.RESIZE_COVER)
       // 直播结束且无回看
       // 直播结束且无回看
       if (this.liveState === 'end' && !this.playUrl) {
       if (this.liveState === 'end' && !this.playUrl) {
-        LiveEmptyComponent({
-          emptyType: WDLiveViewDefaultType.WDViewDefaultType_NoLiveEnd
-        })
+        PlayerEndView()
       } else {
       } else {
-        Stack() {
-          // 直播暂停，仍然可以评论
-          if (this.liveState === 'pause') {
-            LiveEmptyComponent({
-              emptyType: WDLiveViewDefaultType.WDViewDefaultType_NoLiveSuspend
-            })
-          } else {
-            PlayerComponent({
-              playerController: this.playerController
-            })
-          }
-
-          PlayerInfoComponent({
-            playerController: this.playerController,
-            swiperController: this.swiperController,
-            swiperIndex: $swiperIndex
+        // 直播暂停，仍然可以评论
+        if (this.liveState === 'pause') {
+          LiveEmptyComponent({
+            emptyType: WDLiveViewDefaultType.WDViewDefaultType_NoLiveSuspend
+          })
+            .height('60%')
+        } else {
+          PlayerComponent({
+            playerController: this.playerController
           })
           })
-
-          Image($r('app.media.icon_live_more'))
-            .width(40)
-            .aspectRatio(1)
-            .visibility(this.swiperIndex === 0 ? Visibility.Visible : Visibility.Hidden)
-            .animation({ duration: 500 })
-            .position({ x: '100%', y: '100%' })
-            .markAnchor({ x: 56, y: 56 })
-            .onClick(() => {
-              this.swiperController.showNext()
-            })
         }
         }
-        .height('100%')
-        .width('100%')
+
+        PlayerInfoComponent({
+          playerController: this.playerController,
+          swiperController: this.swiperController,
+          swiperIndex: $swiperIndex
+        })
+
+        Image($r('app.media.icon_live_more'))
+          .width(40)
+          .aspectRatio(1)
+          .visibility(this.swiperIndex === 0 ? Visibility.Visible : Visibility.Hidden)
+          .animation({ duration: 500 })
+          .position({ x: '100%', y: '100%' })
+          .markAnchor({ x: 56, y: 56 })
+          .onClick(() => {
+            this.swiperController.showNext()
+          })
       }
       }
 
 
 
 
     }
     }
     .height('100%')
     .height('100%')
     .width('100%')
     .width('100%')
+    .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM])
   }
   }
 
 
   getLiveDetails() {
   getLiveDetails() {
@@ -103,7 +107,11 @@ export struct DetailPlayVLivePage {
         (data) => {
         (data) => {
           if (data.length > 0) {
           if (data.length > 0) {
             this.liveDetailsBean = data[0]
             this.liveDetailsBean = data[0]
-            this.liveState = this.liveDetailsBean.liveInfo?.liveState //直播新闻-直播状态  wait待开播running直播中end已结束cancel已取消paused暂停
+            this.liveState = 'end' // this.liveDetailsBean.liveInfo?.liveState //直播新闻-直播状态  wait待开播running直播中end已结束cancel已取消paused暂停
+            if (this.liveDetailsBean.fullColumnImgUrls && this.liveDetailsBean.fullColumnImgUrls.length > 0) {
+              this.imgUrl = this.liveDetailsBean.fullColumnImgUrls[0].url
+            }
+
             if (this.liveDetailsBean.liveInfo.liveState == 'end') {
             if (this.liveDetailsBean.liveInfo.liveState == 'end') {
               this.playUrl = this.liveDetailsBean.liveInfo.vlive[0].replayUri
               this.playUrl = this.liveDetailsBean.liveInfo.vlive[0].replayUri
             }
             }

@@ -83,9 +83,9 @@ export struct TabLiveItemComponent {
         //图文
         //图文
         if (this.item.dataType === 'ZH_TEXT_AND_IMAGE_MSG') {
         if (this.item.dataType === 'ZH_TEXT_AND_IMAGE_MSG') {
           List({ space: this.item.pictureUrls.length == 1 ? 0 : 5 }) {
           List({ space: this.item.pictureUrls.length == 1 ? 0 : 5 }) {
-            ForEach(this.item.pictureUrls, (item: string, index: number) => {
+            ForEach(this.item.pictureUrls, (itemSub: string, index: number) => {
               ListItem() {
               ListItem() {
-                Image(item)
+                Image(itemSub)
                   .width(`${100 / this.item.pictureUrls.length}%`)
                   .width(`${100 / this.item.pictureUrls.length}%`)
                   .height(this.item.pictureUrls.length > 1 ? 70 : 174)
                   .height(this.item.pictureUrls.length > 1 ? 70 : 174)
                   .objectFit(ImageFit.Auto)
                   .objectFit(ImageFit.Auto)
@@ -100,7 +100,7 @@ export struct TabLiveItemComponent {
                     picDesc: ''
                     picDesc: ''
                   })
                   })
                 }
                 }
-                this.gotoMultipleListImagePage()
+                this.gotoMultipleListImagePage(index)
               })
               })
             })
             })
           }
           }
@@ -187,13 +187,14 @@ export struct TabLiveItemComponent {
    * 大图列表页
    * 大图列表页
    * @param content
    * @param content
    * */
    * */
-  gotoMultipleListImagePage() {
+  gotoMultipleListImagePage(index: number) {
     let taskAction: Action = {
     let taskAction: Action = {
       type: 'JUMP_DETAIL_PAGE',
       type: 'JUMP_DETAIL_PAGE',
       params: {
       params: {
         detailPageType: 18,
         detailPageType: 18,
         extra: {
         extra: {
-          photoList: this.photoList
+          photoList: this.photoList,
+          swiperIndex: index,
         } as ExtraDTO
         } as ExtraDTO
       } as Params,
       } as Params,
     };
     };

 import { window } from '@kit.ArkUI'
 import { window } from '@kit.ArkUI'
 import { NumberFormatterUtils, WindowModel } from 'wdKit/Index'
 import { NumberFormatterUtils, WindowModel } from 'wdKit/Index'
-import { devicePLSensorManager } from 'wdDetailPlayApi/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'
@@ -69,9 +68,9 @@ export struct PlayUIComponent {
             WindowModel.shared.setPreferredOrientation(this.displayDirection == DisplayDirection.VERTICAL ?
             WindowModel.shared.setPreferredOrientation(this.displayDirection == DisplayDirection.VERTICAL ?
             window.Orientation.PORTRAIT :
             window.Orientation.PORTRAIT :
             window.Orientation.LANDSCAPE)
             window.Orientation.LANDSCAPE)
-            devicePLSensorManager.devicePLSensorOn(this.displayDirection == DisplayDirection.VERTICAL ?
-            window.Orientation.PORTRAIT :
-            window.Orientation.LANDSCAPE);
+            // devicePLSensorManager.devicePLSensorOn(this.displayDirection == DisplayDirection.VERTICAL ?
+            // window.Orientation.PORTRAIT :
+            // window.Orientation.LANDSCAPE);
           })
           })
         if (this.liveDetailsBean.liveInfo?.liveState != 'wait') {
         if (this.liveDetailsBean.liveInfo?.liveState != 'wait') {
           Text(this.liveDetailsBean.newsTitle)
           Text(this.liveDetailsBean.newsTitle)
@@ -235,9 +234,9 @@ export struct PlayUIComponent {
             WindowModel.shared.setPreferredOrientation(this.displayDirection == DisplayDirection.VERTICAL ?
             WindowModel.shared.setPreferredOrientation(this.displayDirection == DisplayDirection.VERTICAL ?
             window.Orientation.PORTRAIT :
             window.Orientation.PORTRAIT :
             window.Orientation.LANDSCAPE)
             window.Orientation.LANDSCAPE)
-            devicePLSensorManager.devicePLSensorOn(this.displayDirection == DisplayDirection.VERTICAL ?
-            window.Orientation.PORTRAIT :
-            window.Orientation.LANDSCAPE);
+            // devicePLSensorManager.devicePLSensorOn(this.displayDirection == DisplayDirection.VERTICAL ?
+            // window.Orientation.PORTRAIT :
+            // window.Orientation.LANDSCAPE);
           })
           })
       }
       }
     }
     }

@@ -11,7 +11,7 @@ export struct ChartItemCompereComponent {
     ListItem() {
     ListItem() {
       Column() {
       Column() {
         Row() {
         Row() {
-          Image($r('app.media.icon_live_status_running'))
+          Image($r('app.media.default_head'))
             .borderRadius(10)
             .borderRadius(10)
             .width(20)
             .width(20)
             .height(20)
             .height(20)
@@ -24,13 +24,15 @@ export struct ChartItemCompereComponent {
 
 
           Text(' 主持人 ')
           Text(' 主持人 ')
             .fontSize(11)
             .fontSize(11)
-            .backgroundColor('808562')
+            .backgroundColor('#FFFFC63F')
             .fontColor('#FFFFFFFF')
             .fontColor('#FFFFFFFF')
             .padding({ top: 2, bottom: 2, left: 4, right: 4 })
             .padding({ top: 2, bottom: 2, left: 4, right: 4 })
             .borderRadius(4)
             .borderRadius(4)
-        }.margin({ bottom: 8 })
+        }
+        .margin({ bottom: 8 })
+        .justifyContent(FlexAlign.Start)
 
 
-        Text(this.liveDetailsBean.newIntroduction).lineHeight(22)
+        Text(this.liveDetailsBean.newIntroduction).lineHeight(22).fontColor('#FFFFFFFF').fontSize(14)
       }
       }
       .backgroundColor('#4D000000')
       .backgroundColor('#4D000000')
       .borderRadius(3)
       .borderRadius(3)
@@ -41,6 +43,7 @@ export struct ChartItemCompereComponent {
         right: 8
         right: 8
       })
       })
       .margin({ left: 16, bottom: 4 })
       .margin({ left: 16, bottom: 4 })
+      .alignItems(HorizontalAlign.Start)
     }
     }
 
 
   }
   }

@@ -66,12 +66,7 @@ export struct PlayerComponent {
   build() {
   build() {
     Column() {
     Column() {
       Stack() {
       Stack() {
-        Image(this.imgUrl)
-          .height('100%')
-          .width('100%')
-          .blur(100)
-          .renderFit(RenderFit.RESIZE_COVER)
-
+      
         // TODO:判断横竖屏，liveStreamType=1竖屏铺满屏幕,裁剪不拉伸，liveStreamType=0横屏正常展示
         // TODO:判断横竖屏，liveStreamType=1竖屏铺满屏幕,裁剪不拉伸，liveStreamType=0横屏正常展示
         if (this.liveStreamType == null) {
         if (this.liveStreamType == null) {
           WDPlayerRenderVLiveView({
           WDPlayerRenderVLiveView({

+import { LiveDetailsBean, LiveRoomDataBean, postBatchAttentionStatusParams, } from 'wdBean/Index'
+import { MultiPictureDetailViewModel } from 'wdComponent/src/main/ets/viewmodel/MultiPictureDetailViewModel'
+import { SpConstants } from 'wdConstant/Index'
+import { ContentDetailRequest, postInteractAccentionOperateParams } from 'wdDetailPlayApi/Index'
+import { NumberFormatterUtils, DateTimeUtils, SPHelper } from 'wdKit/Index'
+import { WDRouterPage, WDRouterRule } from 'wdRouter/Index'
+
+const TAG = 'PlayerEndView'
+
+@Preview
+@Component
+export struct PlayerEndView {
+  @Consume liveDetailsBean: LiveDetailsBean
+  @Consume liveRoomDataBean: LiveRoomDataBean
+  @State duration: string = ''
+  @State followStatus: String = '0';
+
+  aboutToAppear(): void {
+    const sn = DateTimeUtils.parseDate(this.liveDetailsBean.liveInfo.startTime, DateTimeUtils.PATTERN_DATE_TIME_HYPHEN)
+    const en = DateTimeUtils.parseDate(this.liveDetailsBean.liveInfo.endTime, DateTimeUtils.PATTERN_DATE_TIME_HYPHEN)
+    const sd = DateTimeUtils.getDuration(sn, en)
+    this.duration = DateTimeUtils.secondToTime(sd / 1000)
+    this.getBatchAttentionStatus()
+  }
+
+  /**
+   * 查询当前登录用户是否关注作品号主
+   * */
+  async getBatchAttentionStatus() {
+    try {
+      const params: postBatchAttentionStatusParams = {
+        creatorIds: [{ creatorId: this.liveDetailsBean?.rmhInfo?.rmhId ?? '' }]
+      }
+      let data = await MultiPictureDetailViewModel.getBatchAttentionStatus(params)
+      this.followStatus = data[0]?.status;
+      console.log(TAG, `followStatus：${JSON.stringify(this.followStatus)}`)
+    } catch (exception) {
+
+    }
+  }
+
+  /**
+   * 关注号主
+   */
+  async handleAccention() {
+    // 未登录，跳转登录
+    const user_id = await SPHelper.default.get(SpConstants.USER_ID, '')
+    if (!user_id) {
+      WDRouterRule.jumpWithPage(WDRouterPage.loginPage)
+      return
+    }
+    // TODO:直播间没有携带人民号信息
+    const params2: postInteractAccentionOperateParams = {
+      attentionUserType: this.liveDetailsBean?.rmhInfo?.userType || '', //被关注用户类型（1 普通用户 2 视频号 3 矩阵号）
+      attentionUserId: this.liveDetailsBean?.rmhInfo?.userId || '', // 被关注用户号主id
+      attentionCreatorId: this.liveDetailsBean?.rmhInfo?.rmhId || '', // 被关注用户号主id
+      status: this.followStatus == '0' ? 1 : 0,
+    }
+
+
+    ContentDetailRequest.postInteractAccentionOperate(params2).then(res => {
+      console.log('关注号主==', JSON.stringify(res.data))
+      if (this.followStatus == '1') {
+        this.followStatus = '0'
+      } else {
+        this.followStatus = '1'
+      }
+    }).catch(() => {
+      AlertDialog.show({ message: '关注失败' })
+    })
+  }
+
+  build() {
+    Column() {
+      Text('直播已结束').fontWeight(500)
+        .fontSize(20)
+        .fontColor(Color.White)
+        .padding({ bottom: 40, top: 120 })
+
+      Stack() {
+        Column() {
+          Text(this.liveDetailsBean?.rmhInfo?.rmhName)
+            .fontWeight(400)
+            .fontSize(18)
+            .fontColor(Color.White)
+            .padding({ top: 52 })
+          Text(this.liveDetailsBean?.rmhInfo?.rmhDesc || '')
+            .fontWeight(400)
+            .fontSize(13)
+            .fontColor('#B2FFFFFF')
+            .padding({ top: 8 })
+
+          Row() {
+            Column() {
+              Text(this.duration).fontWeight(600).fontSize(24).fontColor(Color.White)
+              Text('时长').fontWeight(400).fontSize(13).fontColor(Color.White)
+            }
+
+            Text('').width(1).height(32).margin({ left: 36, right: 36 }).backgroundColor('#33FFFFFF')
+            Column() {
+              Text(NumberFormatterUtils.formatNumberWithWan(this.liveRoomDataBean?.pv || ''))
+                .fontWeight(600)
+                .fontSize(24)
+                .fontColor(Color.White)
+              Text('观看人数').fontWeight(400).fontSize(13).fontColor(Color.White)
+            }
+          }
+          .padding({ top: 16 })
+
+          Row() {
+            Text(this.followStatus == '0' ? '关注' : '已关注')
+              .fontWeight(400)
+              .fontSize(16)
+              .fontColor(Color.White)
+              .padding({ top: 8, bottom: 8, left: 122, right: 122 })
+              .backgroundColor(this.followStatus == '0' ? '#FFED2800' : Color.Grey)
+              .borderRadius(4)
+              .onClick(() => {
+                this.handleAccention()
+              })
+          }
+          .padding({ top: 24 })
+
+        }
+        .width(307)
+        .height(254)
+        .backgroundColor('#999999')
+        .borderRadius(4)
+
+        Image(this.liveDetailsBean?.fullColumnImgUrls[0]?.url)
+          .width(80)
+          .height(80)
+          .borderRadius(40)
+          .borderWidth(1)
+          .borderColor(Color.White)
+          .borderStyle(BorderStyle.Solid)
+          .position({ x: '50%', y: 0 })
+          .markAnchor({ x: '50%', y: '50%' })
+      }
+      .width(307)
+      .padding({ top: 40 })
+    }
+    .height('100%')
+
+  }
+}

@@ -44,29 +44,30 @@ export struct PlayerTitleComponent {
 
 
     }
     }
 
 
+    if (this.liveRoomDataBean.liveId) {
+      Row() {
+        if (this.liveState == 'running') {
+          Image($r('app.media.icon_live_status_running'))
+            .width(22)
+            .height(18)
+            .margin({ right: 1 })
+        }
 
 
-    Row() {
-      if (this.liveState == 'running') {
-        Image($r('app.media.icon_live_status_running'))
-          .width(22)
-          .height(18)
-          .margin({ right: 1 })
+        Text(this.liveState == 'running' ? '直播中' : '回看')
+          .fontSize(11)
+          .fontWeight(400)
+          .fontColor(Color.White)
+        Image($r('app.media.icon_live_player_status_end'))
+          .width(12)
+          .height(12)
+        Text(`${NumberFormatterUtils.formatNumberWithWan(this.liveRoomDataBean.pv)}人参与`)
+          .fontSize('11fp')
+          .fontWeight(400)
+          .fontColor(Color.White)
       }
       }
-
-      Text(this.liveState == 'running' ? '直播中' : '回看')
-        .fontSize(11)
-        .fontWeight(400)
-        .fontColor(Color.White)
-      Image($r('app.media.icon_live_player_status_end'))
-        .width(12)
-        .height(12)
-      Text(`${NumberFormatterUtils.formatNumberWithWan(this.liveRoomDataBean.pv)}人参与`)
-        .fontSize('11fp')
-        .fontWeight(400)
-        .fontColor(Color.White)
+      .backgroundColor('#4D000000')
+      .borderRadius(2)
+      .padding(this.liveState == 'running' ? { left: 0, right: 4, top: 0, bottom: 0 } : 4)
     }
     }
-    .backgroundColor('#4D000000')
-    .borderRadius(2)
-    .padding(this.liveState == 'running' ? { left: 0, right: 4, top: 0, bottom: 0 } : 4)
   }
   }
 }
 }

@@ -133,7 +133,7 @@ export struct DetailPlayShortVideoPage {
   aboutToAppear() {
   aboutToAppear() {
     this.videoLandScape = this.contentDetailData?.videoInfo[0]?.videoLandScape
     this.videoLandScape = this.contentDetailData?.videoInfo[0]?.videoLandScape
     this.playerController.onCanplay = () => {
     this.playerController.onCanplay = () => {
-      if (this.index == 0 || this.currentIndex === this.index) {
+      if ((this.index == 0 || this.currentIndex === this.index) && this.switchVideoStatus) {
         this.playerController.play()
         this.playerController.play()
       }
       }
     }
     }

@@ -38,7 +38,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
-  @Link barBackgroundColor: Color
+  @Consume barBackgroundColor: Color
   private swiperController: SwiperController = new SwiperController()
   private swiperController: SwiperController = new SwiperController()
   @Provide showComment: boolean = false
   @Provide showComment: boolean = false
   @Provide windowWidth: number = AppStorage.get<number>('windowWidth') || 0
   @Provide windowWidth: number = AppStorage.get<number>('windowWidth') || 0
@@ -72,11 +72,11 @@ export struct VideoChannelDetail {
   navIndexChange() {
   navIndexChange() {
     console.log('navIndexChange', this.bottomNavIndex, this.topNavIndex)
     console.log('navIndexChange', this.bottomNavIndex, this.topNavIndex)
     if (this.bottomNavIndex === 2 && this.topNavIndex === 0) {
     if (this.bottomNavIndex === 2 && this.topNavIndex === 0) {
-      this.barBackgroundColor = Color.Black
+      // this.barBackgroundColor = Color.Black
       this.switchVideoStatus = true
       this.switchVideoStatus = true
       this.openFullScreen()
       this.openFullScreen()
     } else {
     } else {
-      this.barBackgroundColor = Color.Transparent
+      // this.barBackgroundColor = Color.Transparent
       this.switchVideoStatus = false
       this.switchVideoStatus = false
       this.closeFullScreen()
       this.closeFullScreen()
     }
     }

@@ -12,9 +12,14 @@ import { WDPlayerController } from 'wdPlayer/Index';
 import { WDRouterPage, WDRouterRule } from 'wdRouter/Index';
 import { WDRouterPage, WDRouterRule } from 'wdRouter/Index';
 import { SpConstants } from 'wdConstant/Index'
 import { SpConstants } from 'wdConstant/Index'
 
 
+interface ILikeStyleResp {
+  url: Resource;
+  name: string;
+}
 
 
 const TAG = 'PlayerRightView';
 const TAG = 'PlayerRightView';
 
 
+
 //视频点播页右侧操作栏：点赞/收藏/评论/分享 竖着排列
 //视频点播页右侧操作栏：点赞/收藏/评论/分享 竖着排列
 @Component
 @Component
 export struct PlayerRightView {
 export struct PlayerRightView {
@@ -210,15 +215,26 @@ export struct PlayerRightView {
   /**
   /**
    * 将点赞样式转换为icon
    * 将点赞样式转换为icon
    */
    */
-  transLikeStyle2Icon(): Resource {
+  transLikeStyle(): ILikeStyleResp {
     if (this.likesStyle === 1) {
     if (this.likesStyle === 1) {
-      return this.newsStatusOfUser.likeStatus === '1' ? $r(`app.media.ic_like_check`) : $r(`app.media.ic_like_uncheck`)
+      return {
+        url: this.newsStatusOfUser.likeStatus === '1' ? $r(`app.media.ic_like_check`) : $r(`app.media.ic_like_uncheck`),
+        name: '点赞'
+      }
     } else if (this.likesStyle === 2) {
     } else if (this.likesStyle === 2) {
-      return this.newsStatusOfUser.likeStatus === '1' ? $r(`app.media.ic_thub_check`) : $r(`app.media.ic_thub_uncheck`)
+      return {
+        url: this.newsStatusOfUser.likeStatus === '1' ? $r(`app.media.ic_thub_check`) : $r(`app.media.ic_thub_uncheck`),
+        name: '祈祷'
+      }
     } else if (this.likesStyle === 3) {
     } else if (this.likesStyle === 3) {
-      return this.newsStatusOfUser.likeStatus === '1' ? $r(`app.media.ic_candle_check`) : $r(`app.media.ic_candle_uncheck`)
+      return {
+        url: this.newsStatusOfUser.likeStatus === '1' ? $r(`app.media.ic_candle_check`) : $r(`app.media.ic_candle_uncheck`),
+        name: '默哀'
+      }
+    }
+    return {
+      url: $r(`app.media.icon_like_ckeck`), name: '点赞'
     }
     }
-    return $r(`app.media.icon_like_ckeck`)
   }
   }
 
 
   transNum2String(name: 'likeNum' | 'collectNum' | 'commentNum') {
   transNum2String(name: 'likeNum' | 'collectNum' | 'commentNum') {
@@ -238,14 +254,14 @@ export struct PlayerRightView {
   @Builder
   @Builder
   likeBuilderView() {
   likeBuilderView() {
     Column() {
     Column() {
-      Image(this.transLikeStyle2Icon())
+      Image(this.transLikeStyle().url)
         .width(32)
         .width(32)
         .aspectRatio(1)
         .aspectRatio(1)
         .onClick(() => {
         .onClick(() => {
           // TODO:点赞动画
           // TODO:点赞动画
           this.toggleLikeStatus()
           this.toggleLikeStatus()
         })
         })
-      Text(this.transNum2String('likeNum') || '赞')
+      Text(this.transNum2String('likeNum') || this.transLikeStyle().name)
         .width('100%')
         .width('100%')
         .fontWeight(500)
         .fontWeight(500)
         .textAlign(TextAlign.Center)
         .textAlign(TextAlign.Center)
@@ -253,6 +269,7 @@ export struct PlayerRightView {
         .fontColor('#FFFFFF')
         .fontColor('#FFFFFF')
         .maxLines(1)
         .maxLines(1)
         .textOverflow({ overflow: TextOverflow.Ellipsis })
         .textOverflow({ overflow: TextOverflow.Ellipsis })
+        .margin({ top: 2 })
     }
     }
     .margin({ bottom: 20 })
     .margin({ bottom: 20 })
     .visibility(this.likesStyle !== 4 ? Visibility.Visible : Visibility.None)
     .visibility(this.likesStyle !== 4 ? Visibility.Visible : Visibility.None)
@@ -278,6 +295,7 @@ export struct PlayerRightView {
         .fontColor('#FFFFFF')
         .fontColor('#FFFFFF')
         .maxLines(1)
         .maxLines(1)
         .textOverflow({ overflow: TextOverflow.Ellipsis })
         .textOverflow({ overflow: TextOverflow.Ellipsis })
+        .margin({ top: 2 })
     }
     }
     .margin({ bottom: 20 })
     .margin({ bottom: 20 })
   }
   }
@@ -302,6 +320,7 @@ export struct PlayerRightView {
         .fontColor('#FFFFFF')
         .fontColor('#FFFFFF')
         .maxLines(1)
         .maxLines(1)
         .textOverflow({ overflow: TextOverflow.Ellipsis })
         .textOverflow({ overflow: TextOverflow.Ellipsis })
+        .margin({ top: 2 })
     }
     }
     .margin({ bottom: 20 })
     .margin({ bottom: 20 })
   }
   }
@@ -326,6 +345,7 @@ export struct PlayerRightView {
         .fontColor('#FFFFFF')
         .fontColor('#FFFFFF')
         .maxLines(1)
         .maxLines(1)
         .textOverflow({ overflow: TextOverflow.Ellipsis })
         .textOverflow({ overflow: TextOverflow.Ellipsis })
+        .margin({ top: 2 })
     }
     }
     .margin({ bottom: 20 })
     .margin({ bottom: 20 })
   }
   }

@@ -47,14 +47,14 @@ 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) => {
-        SPHelper.default.save(SpConstants.USER_FIRST_MARK, data.firstMark)
-        SPHelper.default.save(SpConstants.USER_ID, data.id)
-        SPHelper.default.save(SpConstants.USER_JWT_TOKEN, data.jwtToken)
-        SPHelper.default.save(SpConstants.USER_LONG_TIME_NO_LOGIN_MARK, data.longTimeNoLoginMark)
-        SPHelper.default.save(SpConstants.USER_REFRESH_TOKEN, data.refreshToken)
-        SPHelper.default.save(SpConstants.USER_STATUS, data.status)
-        SPHelper.default.save(SpConstants.USER_Type, data.userType)
-        SPHelper.default.save(SpConstants.USER_NAME, data.userName)
+        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)
         HttpUrlUtils.setUserId(data.id+"")
         HttpUrlUtils.setUserId(data.id+"")
         HttpUrlUtils.setUserType(data.userType+"")
         HttpUrlUtils.setUserType(data.userType+"")
         HttpUrlUtils.setUserToken(data.jwtToken)
         HttpUrlUtils.setUserToken(data.jwtToken)
@@ -71,14 +71,14 @@ 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, loginType, passwordNew, oldPassword).then((data: LoginBean) => {
       this.loginModel.appLoginByPassword(phone, loginType, passwordNew, oldPassword).then((data: LoginBean) => {
-        SPHelper.default.save(SpConstants.USER_FIRST_MARK, data.firstMark)
-        SPHelper.default.save(SpConstants.USER_ID, data.id)
-        SPHelper.default.save(SpConstants.USER_JWT_TOKEN, data.jwtToken)
-        SPHelper.default.save(SpConstants.USER_LONG_TIME_NO_LOGIN_MARK, data.longTimeNoLoginMark)
-        SPHelper.default.save(SpConstants.USER_REFRESH_TOKEN, data.refreshToken)
-        SPHelper.default.save(SpConstants.USER_STATUS, data.status)
-        SPHelper.default.save(SpConstants.USER_Type, data.userType)
-        SPHelper.default.save(SpConstants.USER_NAME, data.userName)
+        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)
         HttpUrlUtils.setUserId(data.id+"")
         HttpUrlUtils.setUserId(data.id+"")
         HttpUrlUtils.setUserType(data.userType+"")
         HttpUrlUtils.setUserType(data.userType+"")
         HttpUrlUtils.setUserToken(data.jwtToken)
         HttpUrlUtils.setUserToken(data.jwtToken)
@@ -94,8 +94,8 @@ export class LoginViewModel {
     return new Promise<CheckVerifyBean>((success, reject) => {
     return new Promise<CheckVerifyBean>((success, reject) => {
       this.loginModel.checkVerifyCode(phone, verifyCode).then((data: CheckVerifyBean) => {
       this.loginModel.checkVerifyCode(phone, verifyCode).then((data: CheckVerifyBean) => {
         //todo 保存数据
         //todo 保存数据
-        SPHelper.default.save(SpConstants.USER_TEMP_TOKEN, data.tempToken)
-        SPHelper.default.save(SpConstants.USER_JWT_TOKEN, data.jwtToken)
+        SPHelper.default.saveSync(SpConstants.USER_TEMP_TOKEN, data.tempToken)
+        SPHelper.default.saveSync(SpConstants.USER_JWT_TOKEN, data.jwtToken)
         success(data)
         success(data)
 
 
       }, (value: string) => {
       }, (value: string) => {
@@ -107,8 +107,8 @@ export class LoginViewModel {
     return new Promise<CheckVerifyBean>((success, reject) => {
     return new Promise<CheckVerifyBean>((success, reject) => {
       this.loginModel.checkVerifyCodeByToken(verifyCode).then((data: CheckVerifyBean) => {
       this.loginModel.checkVerifyCodeByToken(verifyCode).then((data: CheckVerifyBean) => {
         //todo 保存数据
         //todo 保存数据
-        SPHelper.default.save(SpConstants.USER_TEMP_TOKEN, data.tempToken)
-        SPHelper.default.save(SpConstants.USER_JWT_TOKEN, data.jwtToken)
+        SPHelper.default.saveSync(SpConstants.USER_TEMP_TOKEN, data.tempToken)
+        SPHelper.default.saveSync(SpConstants.USER_JWT_TOKEN, data.jwtToken)
         success(data)
         success(data)
 
 
       }, (value: string) => {
       }, (value: string) => {
@@ -149,14 +149,14 @@ export class LoginViewModel {
       this.loginModel.logOut().then((data) => {
       this.loginModel.logOut().then((data) => {
         //清除登录状态以及token、userid等信息
         //清除登录状态以及token、userid等信息
 
 
-        SPHelper.default.save(SpConstants.USER_FIRST_MARK, '')
-        SPHelper.default.save(SpConstants.USER_ID, '')
-        SPHelper.default.save(SpConstants.USER_JWT_TOKEN, '')
-        SPHelper.default.save(SpConstants.USER_LONG_TIME_NO_LOGIN_MARK, '')
-        SPHelper.default.save(SpConstants.USER_REFRESH_TOKEN, '')
-        SPHelper.default.save(SpConstants.USER_STATUS, '')
-        SPHelper.default.save(SpConstants.USER_Type, '')
-        SPHelper.default.save(SpConstants.USER_NAME, '')
+        SPHelper.default.saveSync(SpConstants.USER_FIRST_MARK, '')
+        SPHelper.default.saveSync(SpConstants.USER_ID, '')
+        SPHelper.default.saveSync(SpConstants.USER_JWT_TOKEN, '')
+        SPHelper.default.saveSync(SpConstants.USER_LONG_TIME_NO_LOGIN_MARK, '')
+        SPHelper.default.saveSync(SpConstants.USER_REFRESH_TOKEN, '')
+        SPHelper.default.saveSync(SpConstants.USER_STATUS, '')
+        SPHelper.default.saveSync(SpConstants.USER_Type, '')
+        SPHelper.default.saveSync(SpConstants.USER_NAME, '')
         HttpUrlUtils.setUserId("")
         HttpUrlUtils.setUserId("")
         HttpUrlUtils.setUserType("")
         HttpUrlUtils.setUserType("")
         HttpUrlUtils.setUserToken('')
         HttpUrlUtils.setUserToken('')
@@ -218,14 +218,14 @@ export class LoginViewModel {
       this.loginModel.queryUserDetail().then((data: UserDetail) => {
       this.loginModel.queryUserDetail().then((data: UserDetail) => {
         //保存sp
         //保存sp
         if(data){
         if(data){
-          SPHelper.default.save(SpConstants.USER_NAME, data.userName)
-          SPHelper.default.save(SpConstants.USER_PHONE, data.phone)
+          SPHelper.default.saveSync(SpConstants.USER_NAME, data.userName)
+          SPHelper.default.saveSync(SpConstants.USER_PHONE, data.phone)
         }
         }
         if(data.userExtend){
         if(data.userExtend){
-          SPHelper.default.save(SpConstants.USER_SEX, data.userExtend.sex)
-          SPHelper.default.save(SpConstants.USER_CREATOR_ID, data.userExtend.creatorId+"")
-          SPHelper.default.save(SpConstants.USER_HEAD_PHOTO_URL, data.userExtend.headPhotoUrl)
-          SPHelper.default.save(SpConstants.USER_BIRTHDAY, data.userExtend.birthday)
+          SPHelper.default.saveSync(SpConstants.USER_SEX, data.userExtend.sex)
+          SPHelper.default.saveSync(SpConstants.USER_CREATOR_ID, data.userExtend.creatorId+"")
+          SPHelper.default.saveSync(SpConstants.USER_HEAD_PHOTO_URL, data.userExtend.headPhotoUrl)
+          SPHelper.default.saveSync(SpConstants.USER_BIRTHDAY, data.userExtend.birthday)
         }
         }
 
 
         success(data)
         success(data)

@@ -14,7 +14,7 @@ import {
   StringUtils,
   StringUtils,
   WindowModel
   WindowModel
 } from 'wdKit';
 } from 'wdKit';
-import { HttpUrlUtils, WDHttp } from 'wdNetwork';
+import { HostEnum, HostManager, WDHttp } from 'wdNetwork';
 
 
 export default class EntryAbility extends UIAbility {
 export default class EntryAbility extends UIAbility {
   onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void {
   onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void {
@@ -25,7 +25,7 @@ export default class EntryAbility extends UIAbility {
     WDHttp.initHttpHeader()
     WDHttp.initHttpHeader()
     const spHostUrl = SPHelper.default.getSync('hostUrl', '') as string
     const spHostUrl = SPHelper.default.getSync('hostUrl', '') as string
     if (StringUtils.isNotEmpty(spHostUrl)) {
     if (StringUtils.isNotEmpty(spHostUrl)) {
-      HttpUrlUtils.hostUrl = spHostUrl
+      HostManager.changeHost(spHostUrl as HostEnum)
     }
     }
 
 
     // 注册监听网络连接
     // 注册监听网络连接

 import { Action } from 'wdBean';
 import { Action } from 'wdBean';
 import { SpacialTopicPageComponent } from 'wdComponent'
 import { SpacialTopicPageComponent } from 'wdComponent'
+import { CommonConstants } from 'wdConstant'
 import { Logger } from 'wdKit'
 import { Logger } from 'wdKit'
 import router from '@ohos.router';
 import router from '@ohos.router';
 
 
-const TAG = 'SpacialPage';
+const TAG = 'SpacialTopicPage';
 
 
 @Entry
 @Entry
 @Component
 @Component
@@ -12,11 +13,11 @@ struct SpacialTopicPage {
 
 
   build() {
   build() {
     Column() {
     Column() {
-      SpacialTopicPageComponent()
-    }
+      SpacialTopicPageComponent({ action: this.action })
+    }.width(CommonConstants.FULL_WIDTH).height(CommonConstants.FULL_HEIGHT)
   }
   }
 
 
-  pageTransition(){
+  pageTransition() {
     // 定义页面进入时的效果，从右边侧滑入
     // 定义页面进入时的效果，从右边侧滑入
     PageTransitionEnter({ type: RouteType.None, duration: 300 })
     PageTransitionEnter({ type: RouteType.None, duration: 300 })
       .slide(SlideEffect.Right)
       .slide(SlideEffect.Right)
@@ -25,7 +26,6 @@ struct SpacialTopicPage {
       .slide(SlideEffect.Right)
       .slide(SlideEffect.Right)
   }
   }
 
 
-
   aboutToAppear() {
   aboutToAppear() {
     Logger.info(TAG, 'aboutToAppear');
     Logger.info(TAG, 'aboutToAppear');
     let action: Action = router.getParams() as Action
     let action: Action = router.getParams() as Action

@@ -28,7 +28,6 @@ struct DefaultWebPage {
             isPageEnd: $isPageEnd
             isPageEnd: $isPageEnd
           })
           })
         }
         }
-        .padding({ bottom: 56 })
         .width(CommonConstants.FULL_WIDTH)
         .width(CommonConstants.FULL_WIDTH)
         .height(CommonConstants.FULL_HEIGHT)
         .height(CommonConstants.FULL_HEIGHT)
       }
       }