From 553d546c6e5962bbd0b19570486fdd3029299a07 Mon Sep 17 00:00:00 2001 From: zzc <1761997216@qq.com> Date: Sun, 24 May 2026 00:12:07 +0800 Subject: [PATCH] fix: rating --- pages/rating/detail.vue | 36 ++++++++++++++++++++++-------------- 1 file changed, 22 insertions(+), 14 deletions(-) diff --git a/pages/rating/detail.vue b/pages/rating/detail.vue index 532810a..fa2a72c 100644 --- a/pages/rating/detail.vue +++ b/pages/rating/detail.vue @@ -550,16 +550,14 @@ onReachBottom(() => { /* 评论区 */ .comments-section { - padding: 0; + padding: 32rpx; } .tabs-header { display: flex; justify-content: space-between; align-items: center; - margin-bottom: 24rpx; - border-bottom: 2rpx solid #f0f2f7; - padding-bottom: 24rpx; + margin-bottom: 32rpx; } .tabs { @@ -568,7 +566,7 @@ onReachBottom(() => { } .tab { - font-size: 30rpx; + font-size: 32rpx; color: #999; font-weight: 500; position: relative; @@ -578,7 +576,7 @@ onReachBottom(() => { .tab.active { color: #111; - font-size: 34rpx; + font-size: 36rpx; font-weight: 800; } @@ -614,11 +612,21 @@ onReachBottom(() => { .comment-item { display: flex; padding: 32rpx 0; - border-bottom: 2rpx solid #f0f2f7; + position: relative; } -.comment-item:last-child { - border-bottom: none; +.comment-item::after { + content: ''; + position: absolute; + bottom: 0; + left: 104rpx; /* 头像宽度(80) + 间距(24) */ + right: 0; + height: 2rpx; + background-color: #f0f2f7; +} + +.comment-item:last-child::after { + display: none; } .c-avatar { @@ -639,7 +647,7 @@ onReachBottom(() => { display: flex; justify-content: space-between; align-items: flex-start; - margin-bottom: 12rpx; + margin-bottom: 8rpx; } .c-user-info { @@ -652,7 +660,7 @@ onReachBottom(() => { font-size: 30rpx; font-weight: 800; color: #111; - margin-right: 12rpx; + margin-right: 16rpx; } .c-badge { @@ -695,14 +703,14 @@ onReachBottom(() => { } .c-text { - font-size: 30rpx; - color: #333; + font-size: 32rpx; + color: #222; line-height: 1.6; } .load-more { text-align: center; - padding: 40rpx 0 20rpx; + padding: 40rpx 0 0; color: #999; font-size: 24rpx; }