From b6f3a48da50ef1940b595737f51d282d448d36cc Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期三, 28 五月 2025 10:45:43 +0800
Subject: [PATCH] appId更换、登录页组件问题
---
pages/tabbar/index/home.vue | 27 +++++++++++++++++----------
1 files changed, 17 insertions(+), 10 deletions(-)
diff --git a/pages/tabbar/index/home.vue b/pages/tabbar/index/home.vue
index 4ed067f..d7a4d70 100644
--- a/pages/tabbar/index/home.vue
+++ b/pages/tabbar/index/home.vue
@@ -101,7 +101,7 @@
<text class="iconfont close-icon" @click="closeCommentPopup"></text>
</view>
- <scroll-view class="comment-list" scroll-y>
+ <scroll-view class="comment-list" scroll-y :show-scrollbar="false" @scrolltolower="getCommentPage">
<view v-if="commentLoading" class="loading">
<uni-load-more status="loading"></uni-load-more>
</view>
@@ -111,10 +111,10 @@
</view>
<view v-else class="comment-item" v-for="comment in comments" :key="comment.id">
- <image class="avatar" :src="comment.user.avatar || '/static/default-avatar.png'"></image>
+ <image class="avatar" :src="comment.userAvatar || '/static/default-avatar.png'"></image>
<view class="comment-content">
- <text class="nickname">{{comment.user.nickname}}</text>
- <text class="content">{{comment.content}}</text>
+ <text class="nickname">{{comment.userNickname}}</text>
+ <text class="content">{{comment.commentContent}}</text>
<text class="time">{{formatTime(comment.createTime)}}</text>
</view>
</view>
@@ -260,12 +260,19 @@
replyId: null
}
},
+ async getCommentPage() {
+ this.commentQuery.pageNumber += 1;
+ getVideoComments(this.commentQuery).then(res => {
+ this.comments.push(res.data.data)
+ })
+ },
// 鏄剧ず璇勮寮圭獥
async showComments(item) {
this.commentForm.videoId = item.id;
this.$refs.commentPopup.open();
this.commentLoading = true;
this.commentQuery.videoId = item.id
+ // 棣栨鍔犺浇璇勮鍒嗛〉澶у皬澧炲姞涓�鍊嶏紝浠ヤ骇鐢熸粴鍔ㄦ潯锛屽悗缁彲瑙﹀彂
getVideoComments(this.commentQuery).then(res => {
this.comments = res.data.data
}).catch(() => {
@@ -620,7 +627,7 @@
background-color: #fff;
border-radius: 20rpx 20rpx 0 0;
padding-bottom: env(safe-area-inset-bottom);
- height: 50vh;
+ height: 60vh;
display: flex;
flex-direction: column;
}
@@ -645,14 +652,14 @@
.comment-list {
flex: 1;
- padding: 20rpx;
+ padding: 0rpx 20rpx 20rpx 20rpx;
box-sizing: border-box;
+ height: calc(60vh - 260rpx);
}
.comment-item {
display: flex;
- padding: 20rpx 0;
- border-bottom: 1rpx solid #f5f5f5;
+ padding: 10rpx 0;
}
.avatar {
@@ -667,14 +674,14 @@
}
.nickname {
- font-size: 26rpx;
+ font-size: 24rpx;
color: #666;
display: block;
margin-bottom: 10rpx;
}
.content {
- font-size: 30rpx;
+ font-size: 24rpx;
color: #333;
display: block;
margin-bottom: 10rpx;
--
Gitblit v1.8.0