fix |> 稿件详情页面，下方的推荐阅读和最新评论， 没有与内容左对齐

http://192.168.1.3:8080/zentao/bug-view-20414.html

Signed-off-by: xugenyuan <xugenyuan@wondertek.com.cn>

@@ -427,7 +427,7 @@ struct ChildCommentItem {
   @Link dialogController: CustomDialogController | null
   @Link dialogController: CustomDialogController | null
   @ObjectLink item: commentItemModel
   @ObjectLink item: commentItemModel
   @Consume contentDetailData: ContentDetailDTO
   @Consume contentDetailData: ContentDetailDTO
-
+  private leftGap: number = 95 + 4
   @Consume inDialog: boolean
   @Consume inDialog: boolean
   private dialogBeforeJumpOtherPageAction: () => void = () => {}
   private dialogBeforeJumpOtherPageAction: () => void = () => {}
 
 
@@ -490,14 +490,14 @@ struct ChildCommentItem {
         fontWeight: FontWeight.Regular,
         fontWeight: FontWeight.Regular,
         marginWidth: (95 + 16)
         marginWidth: (95 + 16)
       })
       })
-        .margin({ left: 95, right: 16, top: -15 })
+        .margin({ left: this.leftGap, right: 16, top: -15 })
         .onClick(() => {
         .onClick(() => {
           this.replyComment()
           this.replyComment()
         })
         })
       if (this.item.commentPics.length > 0) {
       if (this.item.commentPics.length > 0) {
         Image(this.item.commentPics)
         Image(this.item.commentPics)
           .width(88).height(88)
           .width(88).height(88)
-          .margin({top: 6 + (this.item.commentContent.length > 0 ? 0 : 15), left: 95})
+          .margin({top: 6 + (this.item.commentContent.length > 0 ? 0 : 15), left: this.leftGap})
       }
       }
 
 
       commentFooterView({
       commentFooterView({
@@ -505,7 +505,7 @@ struct ChildCommentItem {
         dialogController: this.dialogController,
         dialogController: this.dialogController,
         publishCommentModel: this.publishCommentModel,
         publishCommentModel: this.publishCommentModel,
         dialogBeforeJumpOtherPageAction: this.dialogBeforeJumpOtherPageAction
         dialogBeforeJumpOtherPageAction: this.dialogBeforeJumpOtherPageAction
-      }).margin({ left: 95, right: 16 })
+      }).margin({ left: this.leftGap, right: 16 })
     }.alignItems(HorizontalAlign.Start)
     }.alignItems(HorizontalAlign.Start)
     .width('100%')
     .width('100%')
   }
   }
@@ -540,7 +540,7 @@ struct ChildCommentItem {
       }
       }
     }
     }
     .width(48).height(48)
     .width(48).height(48)
-    .margin({ left: 47 })
+    .margin({ left: 47 + 4 })
     .alignContent(Alignment.Center)
     .alignContent(Alignment.Center)
     .onClick(() => {
     .onClick(() => {
 
 
@@ -628,6 +628,7 @@ struct footerExpandedView {
       }.height(20)
       }.height(20)
       // .backgroundColor(Color.Green)
       // .backgroundColor(Color.Green)
     }.height(24)
     }.height(24)
+    .padding({left: 4})
     .alignItems(VerticalAlign.Top)
     .alignItems(VerticalAlign.Top)
     // .backgroundColor(Color.Gray)
     // .backgroundColor(Color.Gray)
   }
   }
@@ -663,6 +664,7 @@ struct commentHeaderView {
 
 
   @Consume inDialog: boolean
   @Consume inDialog: boolean
   private dialogBeforeJumpOtherPageAction: () => void = () => {}
   private dialogBeforeJumpOtherPageAction: () => void = () => {}
+  private leftGap: number = 64
 
 
   build() {
   build() {
     Column() {
     Column() {
@@ -712,7 +714,7 @@ struct commentHeaderView {
         fontWeight: FontWeight.Regular,
         fontWeight: FontWeight.Regular,
         marginWidth: (59 + 16)
         marginWidth: (59 + 16)
       })
       })
-        .margin({ left: 60, right: 16,top:-15 })
+        .margin({ left: this.leftGap, right: 16,top:-12 })
         .onClick(() => {
         .onClick(() => {
           this.replyComment()
           this.replyComment()
         })
         })
@@ -720,7 +722,7 @@ struct commentHeaderView {
       if (this.item.commentPics.length > 0) {
       if (this.item.commentPics.length > 0) {
         Image(this.item.commentPics)
         Image(this.item.commentPics)
           .width(88).height(88)
           .width(88).height(88)
-          .margin({top: 6 + (this.item.commentContent.length > 0 ? 0 : 15), left: 60})
+          .margin({top: 6 + (this.item.commentContent.length > 0 ? 0 : 15), left: this.leftGap})
       }
       }
 
 
       commentFooterView({
       commentFooterView({
@@ -728,7 +730,7 @@ struct commentHeaderView {
         dialogController: this.dialogController,
         dialogController: this.dialogController,
         publishCommentModel: this.publishCommentModel,
         publishCommentModel: this.publishCommentModel,
         dialogBeforeJumpOtherPageAction: this.dialogBeforeJumpOtherPageAction
         dialogBeforeJumpOtherPageAction: this.dialogBeforeJumpOtherPageAction
-      }).margin({ left: 60, right: 16 })
+      }).margin({ left: this.leftGap, right: 16 })
     }.alignItems(HorizontalAlign.Start)
     }.alignItems(HorizontalAlign.Start)
     .padding({bottom: 0})
     .padding({bottom: 0})
   }
   }
@@ -763,7 +765,7 @@ struct commentHeaderView {
       }
       }
     }
     }
     .width(48).height(48)
     .width(48).height(48)
-    .margin({ left: 8 })
+    .margin({ left: 8 + 4 })
     .alignContent(Alignment.Center)
     .alignContent(Alignment.Center)
     .onClick(() => {
     .onClick(() => {
 
 

@@ -30,7 +30,7 @@ export struct RecommendList {
       ForEach(this.recommendList, (item: ContentDTO, index: number) => {
       ForEach(this.recommendList, (item: ContentDTO, index: number) => {
         Row() {
         Row() {
           CardParser({ compDTO:new CompDTO,contentDTO: item });
           CardParser({ compDTO:new CompDTO,contentDTO: item });
-        }
+        }.padding({ left: 6, right: 6 })
         if (this.recommendList.length !== index + 1) {
         if (this.recommendList.length !== index + 1) {
           Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 })
           Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 })
         }
         }