el-drawer 渐入动画

`el-drawer` 是 Element UI 中的一个组件，它通常用于创建可抽屉式（如侧边栏、面板）的导航结构。关于 `el-drawer` 的渐入动画，这是 Element UI 自带的一种视觉效果，当 drawer（抽屉）从关闭状态开始展开或从展开状态收缩时，会有平滑的淡入淡出动画，增强了用户体验。

这种动画通常是通过 CSS 动画或者 Vue.js 的内置过渡特性实现的。Element UI 提供了一套预设的 CSS 类名，你可以通过设置 `v-enter`, `v-enter-active`, `v-leave-to` 等状态类配合 `.el-drawer` 元素来控制动画的行为。例如：

<el-drawer v-model="drawerStatus" class="with-animation">
  <!-- 抽屉内容 -->
</el-drawer>

然后，在 CSS 或者 SCSS 里定义动画样式，比如：

.with-animation {
  transition: all .3s ease;
}

.el-drawer-enter {
  transform: translateX(-100%);
}

.el-drawer-enter-active {
  transform: translateX(0);
}

.el-drawer-leave-active {
  transform: translateX(100%);
}