feat: update mobile ui for post page

This commit is contained in:
Tim
2025-07-18 13:01:20 +08:00
parent f253e1c870
commit 342e944984
7 changed files with 76 additions and 28 deletions

View File

@@ -8,7 +8,7 @@
</div>
</div> -->
<div class="info-content">
<div class="info-content-header">
<div class="common-info-content-header">
<div class="info-content-header-left">
<div class="user-name">{{ comment.userName }}</div>
<div class="post-time">{{ comment.time }}</div>
@@ -38,7 +38,6 @@
<div v-if="comment.reply && comment.reply.length" class="reply-toggle" @click="toggleReplies">
<i v-if="showReplies" class="fas fa-chevron-up reply-toggle-icon"></i>
<i v-else class="fas fa-chevron-down reply-toggle-icon"></i>
{{ comment.reply.length }}条回复
</div>
<div v-if="showReplies" class="reply-list">
@@ -240,6 +239,14 @@ export default CommentItem
margin-right: 5px;
}
.common-info-content-header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
@keyframes highlight {
from {
background-color: yellow;