diff --git a/pages/shopDetail/index.vue b/pages/shopDetail/index.vue index 1e59512..5ba333b 100644 --- a/pages/shopDetail/index.vue +++ b/pages/shopDetail/index.vue @@ -215,13 +215,29 @@ - {{ review?.user_info?.username || review.username || '用户' + (index + 1) }} + - + - {{ review.comment || review.content || '商品很不错,香味持久,包装精美!' }} - {{ review.created_at || review.time || '' }} + {{ review.comment || review.content || '商品很不错,香味持久,包装精美!' }} + + {{ review.created_at || review.time || '' }} @@ -340,7 +356,9 @@ export default { reviewPage: 1, reviewPageSize: 5, reviewsTotal: 0, - isLoadingReviews: false + isLoadingReviews: false, + // 用户评价默认头像 + defaultAvatar: 'https://via.placeholder.com/120x120/eeeeee/999999?text=U' }; }, computed: { @@ -676,7 +694,7 @@ export default { this.reviews = reset ? list : [...this.reviews, ...list]; this.reviewsTotal = total || this.reviews.length; - + console.log(this.reviews) if (list.length > 0) { this.reviewPage += 1; } @@ -1315,6 +1333,31 @@ export default { color: #ffd700; } +.review-user-info { + display: flex; + align-items: center; + max-width: 70%; +} + +.review-avatar { + width: 64rpx; + height: 64rpx; + border-radius: 50%; + margin-right: 16rpx; + background-color: #f5f5f5; +} + +.review-user-text { + display: flex; + flex-direction: column; +} + +.review-sku { + margin-top: 4rpx; + font-size: 24rpx; + color: #999; +} + .review-content { font-size: 28rpx; color: #666;