desc:同步3.0 客态

+import { LazyDataSource, StringUtils } from 'wdKit';
+import { CommentListItem } from '../../../viewmodel/CommentListItem';
+import { OtherUserCommentListRequestItem } from '../../../viewmodel/OtherUserCommentListRequestItem';
+import { ListHasNoMoreDataUI } from '../../reusable/ListHasNoMoreDataUI';
+
+const TAG = "HomePageBottomComponent"
+@Component
+export struct OtherHomePageBottomCommentComponent{
+  @Prop curUserId: string
+  @State data_comment: LazyDataSource<CommentListItem> = new LazyDataSource();
+  @State isLoading:boolean = false
+  @State hasMore:boolean = true
+  curPageNum:number = 1;
+  @State count:number = 0;
+
+  aboutToAppear(){
+    this.getNewPageData()
+  }
+
+  build(){
+    Column(){
+      Divider().width('100%')
+        .height('2lpx')
+        .strokeWidth('1lpx')
+        .backgroundColor($r('app.color.color_EDEDED'))
+
+      if(this.count === 0){
+        ListHasNoMoreDataUI({style:2})
+          .height('100%')
+      }else{
+        List({ space: 3 }) {
+          LazyForEach(this.data_comment, (item: CommentListItem, index: number = 0) => {
+            ListItem() {
+              ChildCommentComponent({data: item})
+            }
+            .onClick(() => {
+            })
+          }, (item: CommentListItem, index: number) => index.toString())
+
+          //没有更多数据  显示提示
+          if(!this.hasMore){
+            ListItem(){
+              ListHasNoMoreDataUI()
+            }
+          }
+        }.cachedCount(15)
+        .layoutWeight(1)
+        .scrollBar(BarState.Off)
+        .edgeEffect(EdgeEffect.None)
+        // .nestedScroll({
+        //   scrollForward: NestedScrollMode.PARENT_FIRST,
+        //   scrollBackward: NestedScrollMode.SELF_FIRST
+        // })
+        .onReachEnd(()=>{
+          console.log(TAG,"触底了");
+          if(!this.isLoading){
+            this.isLoading = true
+            //加载分页数据
+            this.getNewPageData()
+          }
+        })
+      }
+    }
+    .width('100%')
+  }
+
+
+  @Styles
+  listStyle() {
+    .backgroundColor(Color.White)
+    .height(72)
+    .width("100%")
+    .borderRadius(12)
+  }
+
+  getNewPageData(){
+    this.isLoading = true
+    if(this.hasMore){
+
+      let object = new OtherUserCommentListRequestItem("",20,this.curPageNum,"","1",this.curUserId)
+
+      // MinePageDatasModel.getMineCommentListData(object,getContext(this)).then((value)=>{
+      //   if (!this.data_comment || value.list.length == 0){
+      //     this.hasMore = false
+      //   }else{
+      //     value.list.forEach((value)=>{
+      //       this.data_comment.push(new CommentListItem(value.fromUserHeader,value.fromUserName,value.targetTitle,value.createTime,value.commentContent))
+      //     })
+      //     this.data_comment.notifyDataReload()
+      //     this.count = this.data_comment.totalCount()
+      //     if (this.data_comment.totalCount() < value.totalCount) {
+      //       this.curPageNum++
+      //     }else {
+      //       this.hasMore = false
+      //     }
+      //   }
+      //   this.isLoading = false
+      // }).catch((err:Error)=>{
+      //   console.log(TAG,"请求失败")
+      //   this.isLoading = false
+      // })
+    }
+  }
+}
+
+@Component
+struct ChildCommentComponent {
+  @ObjectLink data: CommentListItem
+
+  build() {
+    Column(){
+      Row() {
+        Image(StringUtils.isEmpty(this.data.fromUserHeader)?$r('app.media.default_head'):this.data.fromUserHeader)
+          .objectFit(ImageFit.Auto)
+          .width('69lpx')
+          .height('69lpx')
+          .margin({right:'15lpx'})
+
+        Column(){
+          Text(this.data.fromUserName)
+            .fontSize('25lpx')
+            .lineHeight('35lpx')
+            .fontWeight('600lpx')
+            .fontColor($r('app.color.color_222222'))
+            .margin({bottom:'6lpx'})
+            .maxLines(1)
+          Text(`${this.data.createTime}`)
+            .fontColor($r('app.color.color_B0B0B0'))
+            .fontSize('23lpx')
+            .lineHeight('31lpx')
+            .fontWeight('400lpx')
+            .maxLines(1)
+        }.layoutWeight(1)
+        .alignItems(HorizontalAlign.Start)
+      }
+      .margin({bottom:'10lpx'})
+      .width('100%')
+      .height('108lpx')
+      .padding({left:'31lpx',right:'31lpx'})
+
+      Row(){
+        Text(this.data.commentContent)
+          .maxLines(3)
+          .textOverflow({ overflow: TextOverflow.Ellipsis })
+          .fontWeight('400lpx')
+          .fontSize('31lpx')
+          .lineHeight('46lpx')
+          .fontColor($r('app.color.color_222222'))
+          .margin({bottom:'10lpx'})
+      }.padding({left:'31lpx',right:'31lpx'})
+      .width('100%')
+
+      Row(){
+        Text(this.data.targetTitle)
+          .fontWeight('400lpx')
+          .fontColor($r('app.color.color_222222'))
+          .lineHeight('38lpx')
+          .fontSize('27lpx')
+          .textAlign(TextAlign.Center)
+          .margin({right:'4lpx'})
+          .maxLines(3)
+          .width('616lpx')
+        Image($r('app.media.arrow_icon_right'))
+          .objectFit(ImageFit.Auto)
+          .width('27lpx')
+          .height('27lpx')
+      }
+      .padding({top:'17lpx',bottom:'17lpx',left:'23lpx',right:'23lpx'})
+      .width('662lpx')
+      .backgroundColor($r('app.color.color_F5F5F5'))
+      .margin({top:'19lpx',bottom:'31lpx'})
+
+      Divider().width('100%')
+        .height('12lpx')
+        .strokeWidth('12lpx')
+        .backgroundColor($r('app.color.color_F5F5F5'))
+
+    }
+    .justifyContent(FlexAlign.Center)
+  }
+}

+import { Params } from 'wdBean';
+import { LazyDataSource, StringUtils } from 'wdKit';
+import { WDRouterRule, WDRouterPage } from 'wdRouter';
+import MinePageDatasModel from '../../../model/MinePageDatasModel';
+import { FollowListDetailItem } from '../../../viewmodel/FollowListDetailItem';
+import { FollowListDetailRequestItem } from '../../../viewmodel/FollowListDetailRequestItem';
+import { ListHasNoMoreDataUI } from '../../reusable/ListHasNoMoreDataUI';
+
+const TAG = "HomePageBottomComponent"
+@Component
+export struct OtherHomePageBottomFollowComponent{
+  @State data_follow: LazyDataSource<FollowListDetailItem> = new LazyDataSource();
+  @State isLoading:boolean = false
+  @State hasMore:boolean = true
+  curPageNum:number = 1;
+  @State count:number = 0;
+
+  aboutToAppear(){
+    this.getNewPageData()
+  }
+
+  build(){
+    Column(){
+      Divider().width('100%')
+        .height('2lpx')
+        .strokeWidth('1lpx')
+        .backgroundColor($r('app.color.color_EDEDED'))
+
+      if(this.count === 0){
+        ListHasNoMoreDataUI({style:2})
+          .height('100%')
+      }else{
+        List({ space: 3 }) {
+
+          ListItem() {
+            Row(){
+              Text("关注更多人民号")
+                .fontWeight('400lpx')
+                .fontColor($r('app.color.color_222222'))
+                .lineHeight('38lpx')
+                .fontSize('27lpx')
+                .textAlign(TextAlign.Center)
+                .margin({right:'4lpx'})
+              Image($r('app.media.arrow_icon_right'))
+                .objectFit(ImageFit.Auto)
+                .width('27lpx')
+                .height('27lpx')
+            }.height('69lpx')
+            .width('659lpx')
+            .alignItems(VerticalAlign.Center)
+            .justifyContent(FlexAlign.Center)
+            .backgroundColor($r('app.color.color_F5F5F5'))
+            .margin({top:'31lpx',bottom:'4lpx'})
+          }.onClick(()=>{
+            let params: Params = {
+              pageID: "1"
+            }
+            WDRouterRule.jumpWithPage(WDRouterPage.followListPage,params)
+          })
+
+          LazyForEach(this.data_follow, (item: FollowListDetailItem, index: number = 0) => {
+            ListItem() {
+              ChildFollowComponent({data: item})
+            }
+            .onClick(() => {
+            })
+          }, (item: FollowListDetailItem, index: number) => index.toString())
+
+          //没有更多数据  显示提示
+          if(!this.hasMore){
+            ListItem(){
+              ListHasNoMoreDataUI()
+            }
+          }
+        }.cachedCount(15)
+        .padding({left:'31lpx',right:'31lpx'})
+        .layoutWeight(1)
+        .scrollBar(BarState.Off)
+        .edgeEffect(EdgeEffect.None)
+        // .nestedScroll({
+        //   scrollForward: NestedScrollMode.PARENT_FIRST,
+        //   scrollBackward: NestedScrollMode.SELF_FIRST
+        // })
+        .onReachEnd(()=>{
+          console.log(TAG,"触底了");
+          if(!this.isLoading){
+            this.isLoading = true
+            //加载分页数据
+            this.getNewPageData()
+          }
+        })
+      }
+    }
+    .width('100%')
+  }
+
+
+  @Styles
+  listStyle() {
+    .backgroundColor(Color.White)
+    .height(72)
+    .width("100%")
+    .borderRadius(12)
+  }
+
+  getNewPageData(){
+    this.isLoading = true
+    //我的关注列表
+    if(this.hasMore){
+      let object = new FollowListDetailRequestItem(20,this.curPageNum)
+
+      MinePageDatasModel.getMineFollowListData(object,getContext(this)).then((value)=>{
+        if (!this.data_follow || value.list.length == 0){
+          this.hasMore = false
+        }else{
+          value.list.forEach((value)=>{
+            this.data_follow.push(new FollowListDetailItem(value.attentionHeadPhotoUrl,value.attentionUserName,value.fansNum,value.introduction,value.attentionCreatorId,"1"))
+          })
+          this.data_follow.notifyDataReload()
+          this.count = this.data_follow.totalCount()
+          if (this.data_follow.totalCount() < value.totalCount) {
+            this.curPageNum++
+          }else {
+            this.hasMore = false
+          }
+        }
+        this.isLoading = false
+      }).catch((err:Error)=>{
+        console.log(TAG,"请求失败")
+        this.isLoading = false
+      })
+    }
+  }
+}
+
+@Component
+struct ChildFollowComponent {
+  @ObjectLink data: FollowListDetailItem
+
+  build() {
+    Column(){
+      Blank().height('27lpx')
+
+      Row() {
+        Image(StringUtils.isEmpty(this.data.headPhotoUrl)?$r('app.media.default_head'):this.data.headPhotoUrl)
+          .objectFit(ImageFit.Auto)
+          .width('92lpx')
+          .height('92lpx')
+          .margin({right:'15lpx'})
+
+        Column(){
+          Text(this.data.cnUserName)
+            .fontWeight('400lpx')
+            .fontSize('31lpx')
+            .lineHeight('38lpx')
+            .fontColor($r('app.color.color_222222'))
+          Text(`粉丝${this.data.cnFansNum}`)
+            .fontColor($r('app.color.color_B0B0B0'))
+            .fontSize('23lpx')
+            .maxLines(1)
+          Text(`${this.data.introduction}`)
+            .fontColor($r('app.color.color_B0B0B0'))
+            .fontSize('23lpx')
+            .maxLines(2)
+            .textOverflow({ overflow: TextOverflow.Ellipsis })
+        }.layoutWeight(1)
+        .alignItems(HorizontalAlign.Start)
+
+        if(this.data.status == "1"){
+          Row(){
+            Text(`已关注`)
+              .fontColor($r('app.color.color_CCCCCC'))
+              .fontSize('23lpx')
+              .fontWeight('500lpx')
+              .lineHeight('35lpx')
+          }.backgroundColor($r('app.color.color_F5F5F5'))
+          .borderRadius('6lpx')
+          .borderColor($r('app.color.color_F5F5F5'))
+          .borderWidth('2lpx')
+          .justifyContent(FlexAlign.Center)
+          .width('100lpx')
+          .height('46lpx')
+          .margin({left:'4lpx',top:'23lpx'})
+          .onClick(()=>{
+            this.data.status = "0"
+          })
+        }else{
+          Row(){
+            Image($r('app.media.follow_icon'))
+              .margin({right:'4lpx'})
+              .width('23lpx')
+              .height('23lpx')
+            Text(`关注`)
+              .fontColor($r('app.color.color_ED2800'))
+              .fontSize('23lpx')
+              .fontWeight('500lpx')
+              .lineHeight('35lpx')
+          }.borderColor($r('app.color.color_1AED2800'))
+          .borderRadius('6lpx')
+          .borderWidth('2lpx')
+          .justifyContent(FlexAlign.Center)
+          .width('100lpx')
+          .height('46lpx')
+          .margin({left:'4lpx',top:'23lpx'})
+          .onClick(()=>{
+            this.data.status = "1"
+          })
+        }
+      }.alignItems(VerticalAlign.Top)
+      .width('100%')
+      .layoutWeight(1)
+
+      Divider().width('100%')
+        .height('2lpx')
+        .strokeWidth('1lpx')
+        .backgroundColor($r('app.color.color_EDEDED'))
+
+    }.height('146lpx')
+    .justifyContent(FlexAlign.Center)
+  }
+}

 import router from '@ohos.router'
 import router from '@ohos.router'
 import { Params } from 'wdBean';
 import { Params } from 'wdBean';
 import { StringUtils } from 'wdKit';
 import { StringUtils } from 'wdKit';
-import { HomePageBottomComponent } from '../components/mine/home/HomePageBottomComponent';
+import { OtherHomePageBottomCommentComponent } from '../components/mine/home/OtherHomePageBottomCommentComponent';
+import { OtherHomePageBottomFollowComponent } from '../components/mine/home/OtherHomePageBottomFollowComponent';
 import MinePageDatasModel from '../model/MinePageDatasModel';
 import MinePageDatasModel from '../model/MinePageDatasModel';
 import { OtherUserDetailRequestItem } from '../viewmodel/OtherUserDetailRequestItem';
 import { OtherUserDetailRequestItem } from '../viewmodel/OtherUserDetailRequestItem';
 
 
@@ -152,10 +153,10 @@ struct OtherNormalUserHomePage {
             //tab 页面
             //tab 页面
             Tabs({controller: this.controller}) {
             Tabs({controller: this.controller}) {
               TabContent() {
               TabContent() {
-                HomePageBottomComponent({style:0})
+                OtherHomePageBottomCommentComponent({curUserId:this.curUserId})
               }.tabBar(this.TabBuilder(0,"评论"))
               }.tabBar(this.TabBuilder(0,"评论"))
               TabContent() {
               TabContent() {
-                HomePageBottomComponent({style:1})
+                OtherHomePageBottomFollowComponent()
               }.tabBar(this.TabBuilder(1,"关注"))
               }.tabBar(this.TabBuilder(1,"关注"))
             }
             }
             .backgroundColor($r('app.color.white'))
             .backgroundColor($r('app.color.white'))

+export class OtherUserCommentListRequestItem {
+  creatorId: string = ""
+  pageSize: number = 20
+  pageNum: number = 1
+  time: string = ""
+  userType: string = "1"
+  userId: string = ""
+
+  constructor(creatorId: string, pageSize: number,
+              pageNum: number,
+              time: string,
+              userType: string,
+              userId: string) {
+    this.creatorId = creatorId
+    this.pageSize = pageSize
+    this.pageNum = pageNum
+    this.time = time
+    this.userType = userType
+    this.userId = userId
+  }
+}