github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-03-07 18:07:05 +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
v-for="(item, index) in msgData.emoji"
:key="index"
:class="{hasme: item.userids.includes(userId)}"
@click="onEmoji(item.symbol)">
<div class="emoji-symbol no-dark-content">{{item.symbol}}</div>
<div class="emoji-users">
:class="{hasme: item.userids.includes(userId)}">
<div class="emoji-symbol no-dark-content" @click="onEmoji(item.symbol)">{{item.symbol}}</div>
<div class="emoji-users" @click="onShowEmojiUser(item)">
<ul>
<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-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>
</ul>
</div>

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

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