Slide滑动组件为什么在Vue里不生效?

诸葛祎芮 阅读 3

我用Vue写了个简单的Slide滑动组件,但点击切换时根本没动画,直接闪现。明明加了transition属性,也检查过CSS类名了,就是不动。

试过把opacity改成transform,还查了Vue的transition文档,还是不行。是不是我哪里写错了?

<template>
  <transition name="slide">
    <div v-show="show" class="content">滑动内容</div>
  </transition>
</template>

<style>
.slide-enter-active { transition: transform 0.3s ease; }
.slide-enter-from { transform: translateX(100%); }
</style>
我来解答 赞 0 收藏
二维码
手机扫码查看
暂无解答

暂无解答