vue路由左右侧滑动 react路由左右侧滑动

Posted luziluck

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue路由左右侧滑动 react路由左右侧滑动相关的知识,希望对你有一定的参考价值。

vue路由左右侧滑动:

不用安装插件,自带

<template>
  <transition name="slide">
    <music-list :title="title" :bg-image="bgImage" :songs="songs"></music-list> //需要展示的内容
  </transition>
</template>

 

<style scoped lang="stylus" rel="stylesheet/stylus">
.slide-enter-active, .slide-leave-active
  transition: all 0.3s

.slide-enter, .slide-leave-to
  transform: translate3d(100%, 0, 0)
</style>

这样就可以了。









以上是关于vue路由左右侧滑动 react路由左右侧滑动的主要内容,如果未能解决你的问题,请参考以下文章

React+React Router+React-Transition-Group实现页面左右滑动+滚动位置记忆

vue实现h5左右滑动

jquery iscroll 怎么判断滑动方向

Flutter 之 自定义路由切换动画

jquery 如何实现回顶部 带滑动效果

vue移动端开发列表左边固定右边可以左右滑动上下滑动同步?