vue+css动画 实现文字的上下轮播切换

突然间碰到一个比较丝滑的特效，就研究了一下想把它实现出来。
效果：渐隐消失，底部往上走覆盖出现

以下是完整代码，复制粘贴即可运行

<template>
  <div class="aaa">
    <div
      class="page1"
      :class="{ 'private-fade-out': prevIndex === 1, 'private-back-in-up': prevInd