人民号图集增加头像、标题、关注逻辑

@@ -93,10 +93,12 @@ export struct MultiPictureDetailPageComponent {
 
 
         if (this.contentDetailData.rmhPlatform == 1) {
         if (this.contentDetailData.rmhPlatform == 1) {
           Row() {
           Row() {
-            Row() {
-              Row({ space: 8 }) {
+            Row({ space: 8 }) {
+              Row() {
                 Image(this.contentDetailData?.rmhInfo?.rmhHeadUrl)
                 Image(this.contentDetailData?.rmhInfo?.rmhHeadUrl)
-                  .borderRadius('50%')
+                  .borderRadius(24)
+                  .aspectRatio(1)
+                  .border({ width: 1, color: Color.White, style: BorderStyle.Solid })
                   .alt($r('app.media.picture_loading'))
                   .alt($r('app.media.picture_loading'))
                   .width(36)
                   .width(36)
                   .height(36)
                   .height(36)
@@ -109,7 +111,8 @@ export struct MultiPictureDetailPageComponent {
               Row() {
               Row() {
                 Flex({
                 Flex({
                   direction: FlexDirection.Column,
                   direction: FlexDirection.Column,
-                  justifyContent: FlexAlign.Start
+                  justifyContent: FlexAlign.SpaceAround,
+                  alignItems: ItemAlign.Start
                 }) {
                 }) {
                   Text(`${this.contentDetailData?.rmhInfo?.rmhName}`)
                   Text(`${this.contentDetailData?.rmhInfo?.rmhName}`)
                     .fontColor(Color.White)
                     .fontColor(Color.White)
@@ -118,13 +121,15 @@ export struct MultiPictureDetailPageComponent {
                     .fontWeight(500)
                     .fontWeight(500)
                     .lineHeight(17)
                     .lineHeight(17)
                     .margin(0)
                     .margin(0)
+                    .height(17)
                   Text(`${this.contentDetailData?.rmhInfo?.rmhDesc}`)
                   Text(`${this.contentDetailData?.rmhInfo?.rmhDesc}`)
                     .fontColor('#676767')
                     .fontColor('#676767')
                     .fontSize(12)
                     .fontSize(12)
                     .fontFamily('PingFang SC-Regular')
                     .fontFamily('PingFang SC-Regular')
                     .fontWeight(400)
                     .fontWeight(400)
                     .lineHeight(14)
                     .lineHeight(14)
-                    .textOverflow({ overflow: TextOverflow.Clip })
+                    .height(14)
+                    .textOverflow({ overflow: TextOverflow.Ellipsis })
                     .margin(0)
                     .margin(0)
                 }
                 }
               }
               }
@@ -142,23 +147,21 @@ export struct MultiPictureDetailPageComponent {
 
 
             if (this.followStatus == '0') {
             if (this.followStatus == '0') {
               Row() {
               Row() {
-                Button('+关注', { type: ButtonType.Normal, stateEffect: true })
-                  .borderRadius(4)
-                  .backgroundColor('#ED2800')
-                  .width(48)
-                  .height(24)
-                  .onClick(() => {
-                    this.handleAccention()
-                  })
-                  .margin({
-                    top: 10,
-                    bottom: 10,
-                    left: 16,
-                    right: 16
-                  })
-                  .fontSize(12)
-                  .fontColor(Color.White)
+                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%')
               .width('21.6%')
               .height('100%')
               .height('100%')
             }
             }