Merge remote-tracking branch 'origin/main'

@@ -142,15 +142,23 @@ export struct DynamicDetailComponent {
                 .margin({right: $r('app.float.margin_6')})
                 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(() => {
+                    Row() {
+                      Blank().layoutWeight(1)
+                      Image($r('app.media.icon_add_attention'))
+                        .width($r('app.float.vp_12'))
+                        .height($r('app.float.vp_12'))
+                        .margin({right:2})
+                      Text('关注')
+                        .textAlign(TextAlign.Center)
+                        .fontSize($r('app.float.font_size_12'))
+                        .fontColor($r('app.color.color_fff'))
+                      Blank().layoutWeight(1)
+                    }
+                    .width($r('app.float.margin_54'))
+                    .height($r('app.float.margin_24'))
+                    .borderRadius($r('app.float.vp_3'))
+                    .backgroundColor($r('app.color.color_ED2800'))
+                    .onClick(() => {
                         this.handleAccention()
                       })
                   } else {

@@ -41,7 +41,7 @@ const TAG = 'OperRowListView';
 @Preview
 @Component
 export struct OperRowListView {
-  @Prop contentDetailData: ContentDetailDTO // 稿件详情
+  @Prop @Watch('onDetailUpdated') contentDetailData: ContentDetailDTO // 稿件详情
   @State operationButtonList: string[] = ['comment', 'collect', 'share'] // 组件展示条件
   @ObjectLink publishCommentModel: publishCommentModel
   // @State contentDetailData: ContentDetailDTO = {} as ContentDetailDTO
@@ -52,7 +52,9 @@ export struct OperRowListView {
   @State bottomSafeHeight: number = AppStorage.get<number>('bottomSafeHeight') || 0
   needLike: boolean = true
 
-  async aboutToAppear() {
+  // async aboutToAppear() {
+  async onDetailUpdated() {
+    if (!this.contentDetailData) return
     const user_id = await SPHelper.default.get(SpConstants.USER_ID, '')
     if (user_id) {
       this.getInteractDataStatus()
@@ -99,20 +101,22 @@ export struct OperRowListView {
         })
         .width(42)
 
-        ForEach(this.operationButtonList, (item: string, index: number) => {
-          if (item == 'comment') {
-            this.builderComment()
-          } else if (item == 'like' && this.needLike) {
-            this.builderLike()
-          } else if (item == 'collect') {
-            this.builderCollect()
-          } else if (item == 'listen') {
-            this.builderListen()
-          } else if (item == 'share') {
-            this.builderShare()
-          } else {
-          }
-        })
+        if (this.contentDetailData) {
+          ForEach(this.operationButtonList, (item: string, index: number) => {
+            if (item == 'comment') {
+              this.builderComment()
+            } else if (item == 'like' && this.needLike) {
+              this.builderLike()
+            } else if (item == 'collect') {
+              this.builderCollect()
+            } else if (item == 'listen') {
+              this.builderListen()
+            } else if (item == 'share') {
+              this.builderShare()
+            } else {
+            }
+          })
+        }
       }
       .width('100%')
       .justifyContent(FlexAlign.Start)