mirror of
https://github.com/crmeb/CRMEB.git
synced 2026-11-02 07:50:37 +00:00
improve: 体验优化
This commit is contained in:
parent
e6ac2ddcb3
commit
f973348bea
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="side-menu-wrapper">
|
||||
<!-- <sider-trigger :collapsed="collapsed" @on-change="handleCollpasedChange"></sider-trigger> -->
|
||||
<div class="side-menu-box" v-show="!collapsed">
|
||||
<div class="side-menu-box" v-if="!collapsed">
|
||||
<div class="parent-menu">
|
||||
<slot></slot>
|
||||
<Menu
|
||||
@ -23,7 +23,7 @@
|
||||
</template>
|
||||
</Menu>
|
||||
</div>
|
||||
<div class="child-menu" v-show="sider.length">
|
||||
<div class="child-menu" v-if="sider.length">
|
||||
<div class="cat-name">{{ oneMenuName }}</div>
|
||||
<Menu
|
||||
ref="childMenu"
|
||||
@ -63,7 +63,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="menu-collapsed" v-show="collapsed">
|
||||
<div class="menu-collapsed" v-if="collapsed">
|
||||
<slot></slot>
|
||||
<template v-for="item in menusName">
|
||||
<collapsed-menu
|
||||
@ -353,6 +353,8 @@ export default {
|
||||
.child-menu {
|
||||
z-index: 9;
|
||||
box-shadow: 2px 0px 4px 0px rgba(0, 0, 0, 0.06);
|
||||
transition: width .2s ease .2s;
|
||||
overflow: hidden;
|
||||
.child-menus {
|
||||
width: @side-child-width !important;
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user