|
|
@@ -110,6 +110,7 @@ const formatRelativeTime = (dateString: any) => {
|
|
110
|
110
|
} else if (hours < 24) {
|
|
111
|
111
|
return `${hours}小时前`
|
|
112
|
112
|
} else {
|
|
|
113
|
+ if (days >= 30) return dateString
|
|
113
|
114
|
return `${days}天前`
|
|
114
|
115
|
}
|
|
115
|
116
|
}
|
|
|
@@ -334,17 +335,22 @@ const toggleReplyExpand = (commentId: string, replyIndex: any) => {
|
|
334
|
335
|
>
|
|
335
|
336
|
<text>{{ value?.username }}:</text>
|
|
336
|
337
|
<template v-if="value?.content?.length > 50">
|
|
337
|
|
- <text class="reply-content" v-if="!expandedReplies[`${item.id}-${index}`]">
|
|
|
338
|
+ <text
|
|
|
339
|
+ class="reply-content"
|
|
|
340
|
+ v-if="!expandedReplies[`${item.id}-${index}`]"
|
|
|
341
|
+ >
|
|
338
|
342
|
{{ value.content.substring(0, 50) }}...
|
|
339
|
343
|
</text>
|
|
340
|
344
|
<text class="reply-content" v-else>
|
|
341
|
345
|
{{ value.content }}
|
|
342
|
346
|
</text>
|
|
343
|
|
- <text
|
|
344
|
|
- class="reply-expand-btn"
|
|
|
347
|
+ <text
|
|
|
348
|
+ class="reply-expand-btn"
|
|
345
|
349
|
@tap="toggleReplyExpand(item.id, index)"
|
|
346
|
350
|
>
|
|
347
|
|
- {{ expandedReplies[`${item.id}-${index}`] ? '收起' : '展开' }}
|
|
|
351
|
+ {{
|
|
|
352
|
+ expandedReplies[`${item.id}-${index}`] ? '收起' : '展开'
|
|
|
353
|
+ }}
|
|
348
|
354
|
</text>
|
|
349
|
355
|
</template>
|
|
350
|
356
|
<template v-else>
|
|
|
@@ -486,6 +492,7 @@ body {
|
|
486
|
492
|
}
|
|
487
|
493
|
}
|
|
488
|
494
|
.viewdetails_main_box {
|
|
|
495
|
+ width: 100%;
|
|
489
|
496
|
height: 74%;
|
|
490
|
497
|
// flex: 0.9;
|
|
491
|
498
|
overflow-y: auto;
|