github/PPTist
1
0
Fork 0
mirror of https://github.com/pipipi-pikachu/PPTist.git synced 2025-04-15 02:20:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化元素动画选择面板体验

Browse Source
This commit is contained in:
pipipi-pikachu 2021-01-22 09:55:23 +08:00
parent d54a468378
commit 1f227e19ae
1 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/views/Editor/Toolbar/ElementAnimationPanel.vue
View File

@ -10,15 +10,20 @@
<div <div
class="pool-item" class="pool-item"
v-for="item in type.children" :key="item.name" v-for="item in type.children" :key="item.name"
:class="[ @mouseenter="hoverPreviewAnimation = item.value"
'animate__animated', @mouseleave="hoverPreviewAnimation = ''"
'animate__faster',
hoverPreviewAnimation === item.value && `animate__${item.value}`,
]"
@mouseover="hoverPreviewAnimation = item.value"
@click="addAnimation(item.value)" @click="addAnimation(item.value)"
> >
{{item.name}} <div
class="animation-box"
:class="[
'animate__animated',
'animate__faster',
hoverPreviewAnimation === item.value && `animate__${item.value}`,
]"
>
{{item.name}}
</div>
</div> </div>
</div> </div>
</div> </div>