| | |
| | | <template> |
| | | <div :class="{ 'has-logo': showLogo }"> |
| | | <logo v-if="showLogo" :collapse="isCollapse" /> |
| | | <logo v-if="showLogo" :collapse="false" /> |
| | | <el-scrollbar wrap-class="scrollbar-wrapper"> |
| | | <el-menu class="left-menu" :default-active="activeMenu" :collapse="isCollapse" |
| | | <el-menu class="left-menu" :default-active="activeMenu" :collapse="false" |
| | | :background-color="variables.menuBg" :text-color="variables.menuText" :unique-opened="false" |
| | | :active-text-color="variables.menuActiveText" :collapse-transition="false" mode="vertical"> |
| | | <sidebar-item v-for="route in permission_routes" :key="route.path" :item="route" :base-path="route.path" :is-top-route="true" /> |
| | |
| | | } |
| | | }; |
| | | }, |
| | | watch: { |
| | | activeMenu() { |
| | | if (this.isCollapse) { |
| | | store.app().toggleSidebar(); |
| | | } |
| | | } |
| | | }, |
| | | computed: { |
| | | ...mapState(store.app, ['sidebar']), |
| | | ...mapState(store.permission, { |