稿件详情页点赞

@@ -11,6 +11,8 @@ export class H5CallNativeType {
   static jsCall_appInnerLinkMethod = 'jsCall_appInnerLinkMethod'
   static jsCall_receiveH5Data = 'jsCall_receiveH5Data'
   static jsCall_getAppLoginAuthInfo = 'jsCall_getAppLoginAuthInfo'
+  static jsCall_appNotifyEvent = 'jsCall_appNotifyEvent'
+
   // TODO 业务自行新增类型、自行在JsBridgeBiz#performJSCallNative里添加接收分支处理。
 
   static {
@@ -21,7 +23,7 @@ export class H5CallNativeType {
     H5CallNativeType.JsCallTypeList.push(H5CallNativeType.jsCall_appInnerLinkMethod)
     H5CallNativeType.JsCallTypeList.push(H5CallNativeType.jsCall_receiveH5Data)
     H5CallNativeType.JsCallTypeList.push(H5CallNativeType.jsCall_getAppLoginAuthInfo)
-
+    H5CallNativeType.JsCallTypeList.push(H5CallNativeType.jsCall_appNotifyEvent)
   }
 }
 

@@ -13,7 +13,6 @@ import {
 import DetailViewModel from '../viewmodel/DetailViewModel';
 import { ImageAndTextWebComponent } from './ImageAndTextWebComponent';
 import { OperRowListView } from './view/OperRowListView';
-import router from '@ohos.router';
 import { RecommendList } from '../components/view/RecommendList'
 import { CommonConstants } from 'wdConstant';
 import { HttpUrlUtils } from 'wdNetwork/Index';
@@ -75,6 +74,45 @@ export struct ImageAndTextPageComponent {
               isPageEnd: $isPageEnd
             })
             Column() {
+              // 点赞
+              if (this.contentDetailData[0]?.openLikes) {
+                // 点赞
+                Row() {
+                  Row() {
+                    if (this.newsStatusOfUser?.likeStatus === '1') {
+                      Image(this.contentDetailData[0]?.likesStyle === 1 ? $r('app.media.ic_like_check') : (this.contentDetailData[0]?.likesStyle === 2 ? $r('app.media.icon_prayer_active') : $r('app.media.icon_candle_active')))
+                        .width(24)
+                        .height(24)
+                        .margin({ right: 5 })
+                    } else {
+                      Image(this.contentDetailData[0]?.likesStyle === 1 ? $r('app.media.icon_like') : (this.contentDetailData[0]?.likesStyle === 2 ? $r('app.media.icon_prayer') : $r('app.media.icon_candle')))
+                        .width(24)
+                        .height(24)
+                        .margin({ right: 5 })
+                    }
+                    Text(`${this.interactData?.likeNum || 0}`)
+                      .fontSize(16)
+                      .fontColor(this.newsStatusOfUser?.likeStatus === '1' ? '#ED2800' : '#999999')
+                      .fontWeight(500)
+                  }
+                  .width(140)
+                  .height(36)
+                  .justifyContent(FlexAlign.Center)
+                  .alignItems(VerticalAlign.Center)
+                  .borderRadius(20)
+                  .border({
+                    width: 1,
+                    color: '#EDEDED',
+                  })
+                  .onClick(() => {
+                    this.toggleLikeStatus()
+                  })
+
+                }.width(CommonConstants.FULL_WIDTH).height(80)
+                .justifyContent(FlexAlign.Center)
+
+                Divider().strokeWidth(6).color('#f5f5f5')
+              }
               if (this.recommendList.length > 0) {
                 RecommendList({ recommendList: this.recommendList })
               }
@@ -92,43 +130,7 @@ export struct ImageAndTextPageComponent {
         }
 
         //底部交互区
-        OperRowListView({contentDetailData: this.contentDetailData[0]})
-       /* 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)
-
-          }
-        }
-        .width(CommonConstants.FULL_WIDTH)
-        .height(56)
-        .padding({ left: 15, right: 15, bottom: 50, top: 20 })
-        .justifyContent(FlexAlign.SpaceBetween)
-        .backgroundColor(Color.White)*/
+        OperRowListView({ contentDetailData: this.contentDetailData[0] })
       }
 
     }