| | |
|---|
| | | <template> |
|---|
| | | <div :class="{ 'has-logo': showLogo }" class="sidebar-container"> |
|---|
| | | <logo v-if="showLogo" :collapse="isCollapse" /> |
|---|
| | | <!-- <logo v-if="showLogo" :collapse="isCollapse" />--> |
|---|
| | | <el-scrollbar wrap-class="scrollbar-wrapper"> |
|---|
| | | <el-menu |
|---|
| | | :default-active="activeMenu" |
|---|
| | | :collapse="isCollapse" |
|---|
| | | :collapse="true" |
|---|
| | | :background-color="getMenuBackground" |
|---|
| | | :text-color="getMenuTextColor" |
|---|
| | | :unique-opened="true" |
|---|
| | | :active-text-color="theme" |
|---|
| | | :collapse-transition="false" |
|---|
| | | :collapse-transition="true" |
|---|
| | | mode="vertical" |
|---|
| | | :class="sideTheme" |
|---|
| | | > |
|---|
| | |
|---|
| | | const showLogo = computed(() => settingsStore.sidebarLogo) |
|---|
| | | const sideTheme = computed(() => settingsStore.sideTheme) |
|---|
| | | const theme = computed(() => settingsStore.theme) |
|---|
| | | const isCollapse = computed(() => !appStore.sidebar.opened) |
|---|
| | | |
|---|
| | | // 获取菜单背景色 |
|---|
| | | const getMenuBackground = computed(() => { |
|---|
