人民号-我的关注横滑卡新增

@@ -77,6 +77,8 @@ export { ShareInfoDTO } from './src/main/ets/bean/detail/ShareInfoDTO';
 
 export { VideoInfoDTO } from './src/main/ets/bean/detail/VideoInfoDTO';
 
+export { AttentionRmhInfoDTO } from './src/main/ets/bean/detail/AttentionRmhInfoDTO';
+
 export { H5ReceiveDetailBean } from './src/main/ets/bean/h5/H5ReceiveDetailBean';
 
 export { H5ReceiveDataJsonBean } from './src/main/ets/bean/h5/H5ReceiveDataJsonBean';

+export interface AttentionRmhInfoDTO {
+  attentionCreatorId: string;
+  attentionHeadPhotoUrl: string;
+  attentionNum: number;
+  attentionUserId: string;
+  attentionUserName: string;
+  attentionUserType: number;
+  authIcon: string;
+  authId: number;
+  authPersional: string;
+  authTitle: string;
+  banControl: number;
+  categoryAuth: string;
+  cnLiveCommentControl: number;
+  cnLiveGiftControl: number;
+  cnLiveLikeControl: number;
+  cnLiveShareControl: number;
+  cnShareControl: number;
+  collectNum: number;
+  commentNum: number;
+  createTime: number;
+  fansNum: number;
+  honoraryIcon: string;
+  honoraryTitle: string;
+  id: number;
+  introduction: string;
+  isAttention: number | null;
+  isComment: number;
+  isLike: number;
+  isVisiable: number;
+  likeNum: number;
+  liveCommentControl: number;
+  liveGiftControl: number;
+  liveLikeControl: number;
+  liveShareControl: number;
+  mainControl: number;
+  posterShareControl: number;
+  registTime: number;
+  shareControl: number;
+  shareNum: number;
+  status: number;
+  subjectType: string;
+  updateTime: number;
+  userId: string;
+  userType: number
+}

+import { AttentionRmhInfoDTO } from 'wdBean';
+import { WDRouterPage, WDRouterRule } from 'wdRouter/Index';
+
+/**
+ * AttentionListComponent  人民号-关注-我的关注
+ * 没有compstyle
+ */
+const TAG = '人民号-关注-我的关注'
+
+@Entry
+@Component
+export struct AttentionListComponent {
+  @State attentionList: AttentionRmhInfoDTO[] = [] as AttentionRmhInfoDTO[]
+
+  build() {
+    Row({ space: 4 }) {
+      List() {
+        ListItem() {
+          Column() {
+            Image($r('app.media.attention_mine'))
+              .width(48)
+              .height(48)
+              .padding(12)
+              .backgroundColor($r('app.color.color_F5F5F5'))
+              .borderRadius(50)
+              .margin({ bottom: 8 })
+            Text('我的关注')
+              .fontSize($r('app.float.font_size_13'))
+              .fontColor($r('app.color.color_666666'))
+          }
+          .width(78)
+          .height(74)
+          .onClick(() => {
+            // 跳转到关注列表-我的
+            WDRouterRule.jumpWithPage(WDRouterPage.followListPage)
+          })
+        }
+
+        ForEach(this.attentionList, (item: AttentionRmhInfoDTO, index: number) => {
+          ListItem() {
+            Column() {
+              Stack() {
+                Image(item.attentionHeadPhotoUrl)
+                  .width(48)
+                  .height(48)
+                  .borderRadius(50)
+                Image(item.authIcon)
+                  .width(14)
+                  .height(14)
+                  .borderRadius(50)
+              }
+              .margin({ bottom: 8 })
+              .alignContent(Alignment.BottomEnd)
+
+              Text(item.attentionUserName)
+                .fontSize($r('app.float.font_size_13'))
+                .fontColor($r('app.color.color_666666'))
+                .textOverflowStyle(1)
+            }
+            .margin({
+              right: index === this.attentionList.length - 1 ? $r('app.float.card_comp_pagePadding_lf') : 0,
+            })
+            .padding({ left: 2, right: 2 })
+          }
+          .width(78)
+          .height(74)
+          .onClick(() => {
+            //TODO 跳转到对应的人民号主页
+
+          })
+        })
+      }
+      .listDirection(Axis.Horizontal)
+      .height(74)
+    }
+    .padding({
+      left: $r('app.float.card_comp_pagePadding_lf'),
+      top: $r('app.float.card_comp_pagePadding_tb'),
+      bottom: $r('app.float.card_comp_pagePadding_tb')
+    })
+  }
+}
+
+@Extend(Text)
+function textOverflowStyle(maxLine: number) {
+  .maxLines(maxLine)
+  .textOverflow({ overflow: TextOverflow.Ellipsis })
+}