0

我正在尝试在我的 Vuesax 表中添加一些不错的样式。我想创建一个列出数据的动画。现在我已经创建了这样的东西：

<vs-tr :data="tr" :key="indextr" v-for="(tr, indextr) in data" class="table-open">

和风格：

@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

.table-open{
    animation: 1s ease 0s 1 slideInFromLeft;
}

这很好用。但我想一一列出产品，我尝试过这样的事情：

<vs-tr :data="tr" :key="indextr" v-for="(tr, indextr) in data" :style="[{animation: (indextr * 0.1) + 's ease 0s 1 slideInFromLeft'}]">

但这不起作用。任何想法如何解决它？我需要以其他方式编写关键帧吗？

4

0 回答 0