github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-03-17 19:23:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf: 优化表情回复

Browse Source
This commit is contained in:
kuaifan 2023-03-06 09:32:59 +08:00
parent c699feef54
commit aacd52eec7
2 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
resources/assets/js/pages/manage/components/DialogView.vue
View File

@ -74,14 +74,13 @@
<li <li
v-for="(item, index) in msgData.emoji" v-for="(item, index) in msgData.emoji"
:key="index" :key="index"
:class="{hasme: item.userids.includes(userId)}" :class="{hasme: item.userids.includes(userId)}">
@click="onEmoji(item.symbol)"> <div class="emoji-symbol no-dark-content" @click="onEmoji(item.symbol)">{{item.symbol}}</div>
<div class="emoji-symbol no-dark-content">{{item.symbol}}</div> <div class="emoji-users" @click="onShowEmojiUser(item)">
<div class="emoji-users">
<ul> <ul>
<template v-for="(uitem, uindex) in item.userids"> <template v-for="(uitem, uindex) in item.userids">
<li v-if="uindex < emojiUsersNum" :class="{bold:uitem==userId}"><UserAvatar :userid="uitem" tooltip-disabled show-name :show-icon="false"/></li> <li v-if="uindex < emojiUsersNum" :class="{bold:uitem==userId}"><UserAvatar :userid="uitem" tooltip-disabled show-name :show-icon="false"/></li>
<li v-else-if="uindex == emojiUsersNum" @click.stop="onShowEmojiUser(item)">+{{item.userids.length - emojiUsersNum}}位</li> <li v-else-if="uindex == emojiUsersNum">+{{item.userids.length - emojiUsersNum}}位</li>
</template> </template>
</ul> </ul>
</div> </div>

8
resources/assets/sass/pages/components/dialog-wrapper.scss vendored
View File

@ -837,6 +837,10 @@
} }
.emoji-symbol { .emoji-symbol {
font-size: 16px; font-size: 16px;
transition: transform 0.3s;
&:hover {
transform: scale(1.5);
}
} }
.emoji-users { .emoji-users {
position: relative; position: relative;
@ -1687,6 +1691,10 @@ body.eeui-app {
.emoji-symbol { .emoji-symbol {
font-size: 14px; font-size: 14px;
margin-right: -1px; margin-right: -1px;
transition: none;
&:hover {
transform: none;
}
} }
} }
} }