Browse Source

菜单展示动画效果优化

pull/85/head
zq 1 day ago
parent
commit
1f959b1778
  1. 4
      src/components/SliderMenu.vue

4
src/components/SliderMenu.vue

@ -1,5 +1,5 @@
<template> <template>
<transition name="menu-collapse"> <transition :name="customize ? '' : 'menu-collapse'">
<el-menu v-if="!customize" class="el-menu-vertical-demo custom-menu" @open="handleOpen" <el-menu v-if="!customize" class="el-menu-vertical-demo custom-menu" @open="handleOpen"
:default-active="currentMenuItem?.index" :default-active="currentMenuItem?.index"
@close="handleClose" @select="handleSelect" :collapse="isCollapse" :collapse-transition="true" @close="handleClose" @select="handleSelect" :collapse="isCollapse" :collapse-transition="true"
@ -136,7 +136,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.menu-collapse-leave-active, .menu-collapse-leave-active,
.menu-collapse-enter-active { .menu-collapse-enter-active {
transition: all 0.7s; transition: all 0.5s;
} }
.menu-collapse-enter, .menu-collapse-enter,

Loading…
Cancel
Save