jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-03-07 04:20:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: update message page

Browse Source
This commit is contained in:
tim
2025-07-09 19:57:24 +08:00
parent 8fe0a086ed
commit 8baae21fb8
2 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
open-isle-cli/src/components/ReactionsGroup.vue
View File

@@ -4,10 +4,13 @@
<div class="reactions-viewer-item-container" @click="openPanel" @mouseenter="cancelHide" @mouseleave="scheduleHide"> <div class="reactions-viewer-item-container" @click="openPanel" @mouseenter="cancelHide" @mouseleave="scheduleHide">
<template v-if="displayedReactions.length"> <template v-if="displayedReactions.length">
<div v-for="r in displayedReactions" :key="r.type" class="reactions-viewer-item">{{ iconMap[r.type] }}</div> <div v-for="r in displayedReactions" :key="r.type" class="reactions-viewer-item">{{ iconMap[r.type] }}</div>
<div class="reactions-count">{{ totalCount }}</div>
</template> </template>
<div v-else class="reactions-viewer-item placeholder">点击以表态</div> <div v-else class="reactions-viewer-item placeholder">
<i class="far fa-smile"></i>
<span class="reactions-viewer-item-placeholder-text">点击以表态</span>
</div>
</div> </div>
<div class="reactions-count">{{ totalCount }}</div>
</div> </div>
<div class="make-reaction-container"> <div class="make-reaction-container">
<div class="make-reaction-item like-reaction" @click="toggleReaction('LIKE')" :class="{ selected: userReacted('LIKE') }"> <div class="make-reaction-item like-reaction" @click="toggleReaction('LIKE')" :class="{ selected: userReacted('LIKE') }">
@@ -163,7 +166,8 @@ export default {
.reactions-viewer { display: flex; flex-direction: row; gap: 20px; align-items: center; } .reactions-viewer { display: flex; flex-direction: row; gap: 20px; align-items: center; }
.reactions-viewer-item-container { display: flex; flex-direction: row; gap: 2px; align-items: center; cursor: pointer; } .reactions-viewer-item-container { display: flex; flex-direction: row; gap: 2px; align-items: center; cursor: pointer; }
.reactions-viewer-item { font-size: 16px; } .reactions-viewer-item { font-size: 16px; }
.reactions-viewer-item.placeholder { opacity: 0.5; } .reactions-viewer-item.placeholder { opacity: 0.5; display: flex; flex-direction: row; align-items: center; }
.reactions-viewer-item-placeholder-text { font-size: 14px; padding-left: 5px; }
.reactions-count { font-size: 16px; opacity: 0.5; } .reactions-count { font-size: 16px; opacity: 0.5; }
.make-reaction-container { display: flex; flex-direction: row; gap: 10px; } .make-reaction-container { display: flex; flex-direction: row; gap: 10px; }
.make-reaction-item { cursor: pointer; padding: 10px; border-radius: 50%; opacity: 0.5; font-size: 20px; } .make-reaction-item { cursor: pointer; padding: 10px; border-radius: 50%; opacity: 0.5; font-size: 20px; }

4
open-isle-cli/src/views/MessagePageView.vue
View File

@@ -53,7 +53,7 @@
{{ sanitizeDescription(item.post.title) }} {{ sanitizeDescription(item.post.title) }}
</router-link> </router-link>
</span> </span>
表达了 "{{ item.emoji }}" 进行了表态
</div> </div>
</template> </template>
<template v-else-if="item.type === 'REACTION' && item.comment"> <template v-else-if="item.type === 'REACTION' && item.comment">
@@ -64,7 +64,7 @@
{{ sanitizeDescription(item.comment.content) }} {{ sanitizeDescription(item.comment.content) }}
</router-link> </router-link>
</span> </span>
表达了 "{{ item.emoji }}" 进行了表态
</div> </div>
</template> </template>
<template v-else> <template v-else>