vue单页面切换动画效果

    科技2026-01-22  9

    <transition name="slide-fade">      <router-view/> </transition> <style scoped> .slide-fade{ position: absolute;left:0;right: 0; } .slide-fade-enter-active { transition: all .5s ease; } .slide-fade-leave-active { transition: all .1s cubic-bezier(2.0, 0.5, 0.8, 1.0); } .slide-fade-enter, .slide-fade-leave-to{ left:0;right: 0; transform: translateX(50px); opacity: 0; } </style>

    Processed: 0.011, SQL: 9