perf: 优化表情滚动条

This commit is contained in:
weifs 2024-11-22 09:08:30 +08:00
parent d34bff28c5
commit 3f5c85b434

View File

@ -24,7 +24,7 @@
</Scrollbar>
</div>
<div v-if="!onlyEmoji" class="chat-emoji-menu-wrap">
<span v-show="showEmojiMenuScrollLeftBtn" class="left-btn" @click="onEmojiMenuScroll('left')" style="position: absolute; left: 0; bottom: 0;"><i class="taskfont">&#xe72d;</i></span>
<span v-show="showEmojiMenuScrollLeftBtn" class="left-btn" @click="onEmojiMenuScroll('left')"><i class="taskfont">&#xe72d;</i></span>
<ul ref="chatEmojiMenuRef" class="chat-emoji-menu" @scroll="onHandleScroll">
<li :class="{active: type === 'emosearch'}" @click="type='emosearch'">
<i class="taskfont">&#xe6f8;</i>
@ -36,7 +36,7 @@
<Imgs :title="item.name" :alt="item.name" :src="item.src"/>
</li>
</ul>
<span v-show="showEmojiMenuScrollRightBtn" class="right-btn" @click="onEmojiMenuScroll('right')" style="position: absolute; right: 0; bottom: 0;"><i class="taskfont">&#xe733;</i></span>
<span v-show="showEmojiMenuScrollRightBtn" class="right-btn" @click="onEmojiMenuScroll('right')"><i class="taskfont">&#xe733;</i></span>
</div>
</div>
</template>