This commit is contained in:
pipipi-pikachu 2021-01-09 10:48:14 +08:00
parent 2e905e5bd8
commit b20f2339bf

View File

@ -40,7 +40,7 @@
itemKey="id" itemKey="id"
> >
<template #item="{ element, index }"> <template #item="{ element, index }">
<div class="sequence-item"> <div class="sequence-item" :class="{ 'active': handleElement.id === element.elId }">
<div class="index">{{index + 1}}</div> <div class="index">{{index + 1}}</div>
<div class="text">{{element.elType}}{{element.animationType}}</div> <div class="text">{{element.elType}}{{element.animationType}}</div>
<div class="handler"> <div class="handler">
@ -190,6 +190,7 @@ export default defineComponent({
} }
return { return {
handleElement,
animationPoolVisible, animationPoolVisible,
animations, animations,
animationSequence, animationSequence,
@ -248,6 +249,10 @@ export default defineComponent({
border-radius: $borderRadius; border-radius: $borderRadius;
margin-bottom: 5px; margin-bottom: 5px;
&.active {
border-color: $themeColor;
}
.index { .index {
flex: 1; flex: 1;
} }