1、首先给 标签关闭动画效果  :collapse-transition = "false"

<el-menu :default-active="$route.path"
         class="el-menu-vertical-demo"
         :collapse="isCollapse"
         background-color="#40586F"
         text-color="#fff"
         active-text-color="#409eff"
         :collapse-transition = "false"
         :unique-opened="true"
         router>
</ el-menu>

2、然后给侧边栏添加自定义 动画

<style scoped>
    .el-aside {
      background: $primary-color;
      transition: width 0.15s;
      -webkit-transition: width 0.15s;
      -moz-transition: width 0.15s;
      -webkit-transition: width 0.15s;
      -o-transition: width 0.15s;
    }
</style>

GitHub 加速计划 / eleme / element
11
1
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:9 个月前 )
c345bb45 1 年前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐