fix:16809 人民号下我的关注图标样式鸿蒙与安卓不一致

@@ -3,31 +3,29 @@ import { FollowListDetailItem } from '../../viewmodel/FollowListDetailItem';
 
 @Component
 export struct PeopleShipAttentionContentListHeadComponent {
-
-  @State index: number = 0
   @ObjectLink item: FollowListDetailItem
+
   build() {
-    Column(){
+    Column() {
       // 头像
       PeopleShipHomePageHeadComponent({
         diameter: 48,
         iconDiameter: 16,
-        headPhotoUrl: this.index == 0 ? $r('app.media.attention_mine') :
-          ((this.item.attentionHeadPhotoUrl && this.item.attentionHeadPhotoUrl.length > 0) ?
-          this.item.attentionHeadPhotoUrl : $r('app.media.WDAccountOwnerHedaerDefaultIcon')),
-        authIcon: this.index == 0 ? '' : this.item.authIcon
+        headPhotoUrl: (this.item.attentionHeadPhotoUrl && this.item.attentionHeadPhotoUrl.length > 0) ?
+        this.item.attentionHeadPhotoUrl : $r('app.media.WDAccountOwnerHedaerDefaultIcon'),
+        authIcon: this.item.authIcon
       }).margin({
         bottom: '8vp'
       })
 
-      Text(this.index == 0 ? '我的关注' : this.item.attentionUserName)
+      Text(this.item.attentionUserName)
         .fontColor($r('app.color.color_666666'))
         .fontSize($r('app.float.vp_13'))
         .fontWeight(400)
         .height('18vp')
         .lineHeight('18vp')
         .maxLines(1)
-        .textOverflow({overflow: TextOverflow.Ellipsis})
+        .textOverflow({ overflow: TextOverflow.Ellipsis })
         .padding({
           left: '2vp',
           right: '2vp'
@@ -36,7 +34,7 @@ export struct PeopleShipAttentionContentListHeadComponent {
     .alignItems(HorizontalAlign.Center)
     .width('78vp')
     .margin({
-      left: this.index == 0 ? '8vp' : '4vp',
+      left: '4vp',
       top: '14vp',
       bottom: '14vp'
     })

@@ -10,27 +10,23 @@ export struct PeopleShipAttentionContentListTopComponent {
     Column() {
       List(){
         ListItem() {
-          PeopleShipAttentionContentListHeadComponent({
-            index: 0,
-            item: this.followList[0]
-          })
+         this.PeopleShipFollowTop()
         }.onClick(() => {
           // 跳转到关注列表-我的
           WDRouterRule.jumpWithPage(WDRouterPage.followListPage)
         })
 
 
-        ForEach(this.followList, (item: FollowListDetailItem, index: number) => {
+        ForEach(this.followList, (item: FollowListDetailItem) => {
           ListItem() {
             PeopleShipAttentionContentListHeadComponent({
-              index: index + 1,
               item: item
             })
           }.onClick(() => {
             let creatorId = item.attentionCreatorId || ''
             ProcessUtils.gotoPeopleShipHomePage(creatorId)
           })
-        }, (item: FollowListDetailItem) => item.attentionCreatorId)
+        }, (item: FollowListDetailItem, index: number) => item.attentionCreatorId + index)
       }
       .listDirection(Axis.Horizontal)
       .scrollBar(BarState.Off)
@@ -39,4 +35,41 @@ export struct PeopleShipAttentionContentListTopComponent {
       Divider().strokeWidth(1).color($r('app.color.color_F5F5F5'))
     }
   }
+
+  @Builder
+  PeopleShipFollowTop() {
+    Column(){
+      // 头像
+      Image( $r('app.media.attention_mine') )
+        .alt($r('app.media.attention_mine'))
+        .width(48)
+        .height(48)
+        .borderRadius(24)
+        .objectFit(ImageFit.ScaleDown)
+        .backgroundColor($r('app.color.color_F5F5F5'))
+        .margin({
+        bottom: '8vp'
+      })
+
+      Text('我的关注')
+        .fontColor($r('app.color.color_666666'))
+        .fontSize($r('app.float.vp_13'))
+        .fontWeight(400)
+        .height('18vp')
+        .lineHeight('18vp')
+        .maxLines(1)
+        .textOverflow({overflow: TextOverflow.Ellipsis})
+        .padding({
+          left: '2vp',
+          right: '2vp'
+        })
+    }
+    .alignItems(HorizontalAlign.Center)
+    .width('78vp')
+    .margin({
+      left: '8vp',
+      top: '14vp',
+      bottom: '14vp'
+    })
+  }
 }