选择Emoii时增加鼠标状态切换

This commit is contained in:
A1300399510
2024-08-12 11:11:03 +08:00
parent 3b766d87af
commit 1d17e949e8
29 changed files with 289 additions and 282 deletions

View File

@@ -1,5 +1,5 @@
<template>
<el-popover ref="addPopper" :width="470" trigger="click" popper-class="add-popper" :teleported="false" :show-arrow="true" @show="catState(true)" @hide="catState(false)" v-model:visible="state" :placement="type == 'bottom' ? 'top' : 'bottom'">
<el-popover ref="addPopper" :width="470" trigger="click" popper-class="add-popper" :teleported="false" :show-arrow="true" @show="catState(true)" @hide="catState(false)" v-model:visible="state" :placement="type == 'bottom' ? 'top' : 'bottom'">
<template #reference>
<div class="respond-add flexcenter" :class="{ 'angle': state }">
<img class="respond-add-icon" src="../assets/img/plus-sign.svg" />
@@ -10,7 +10,9 @@
<div class="respond-list-title">选择你的回应</div>
<div class="respond-list">
<template v-for="item in riposteoptions" :key="item">
<div class="respond-item" v-for="(item, key) in item.data" :key="key" v-html="jointriposte(key)" @click="selectEomji(key)"></div>
<div class="respond-item flexcenter" v-for="(item, key) in item.data" :key="key">
<div class="respond-item-key" v-html="jointriposte(key)" @click="selectEomji(key)"></div>
</div>
</template>
</div>
</div>
@@ -78,8 +80,6 @@ const selectEomji = key => {
height: 14px;
}
}
</style>
<style lang="less">