vue 过渡动画transition 组件使用

 <transition name="sort">
          <div class="sort" v-show="show">
           
          </div>
</transition>

// 过度动画的样式  一般搭配v-show v-if 使用
    // 过渡动画开始的状体(进入)
    .sort-enter {
      height: 0px;
    }
    // 过渡动画的结束(进入)
    .sort-enter-to {
      height: 461px;
    }
    // 定义动画时间,速率
    .sort-enter-active {
      transition: all 0.5s linear;
    }



免责申明:

1. 本站所有教程、文章或资源分享目的仅供大家学习和交流!
2. 如有无法查看或链接失效,麻烦请报告联系管理员处理!
3. 本站无法保证资源或其时效性,恕不接受任何提问。
4. 在本站下载的源码严禁杜绝任何形式的正式商业用途,请去程序官方购买。 所有资料均来自于网络,版权归原创者所有!本站不提供任何保证,并不承担任何法律责任,如果对您的版权或者利益造成损害,请提供相应的资质证明,我们将于3个工作日内予以删除。

学习交流联系

立即查看 了解详情