| | |
|---|
| | | <template>
|
|---|
| | | <div :class="{'has-logo':showLogo}">
|
|---|
| | | <div :class="{'has-logo':showLogo}" :style="{ backgroundColor: settings.sideTheme === 'theme-dark' ? variables.menuBg : variables.menuLightBg }">
|
|---|
| | | <logo v-if="showLogo" :collapse="isCollapse" />
|
|---|
| | | <el-scrollbar wrap-class="scrollbar-wrapper">
|
|---|
| | | <el-scrollbar :class="settings.sideTheme" wrap-class="scrollbar-wrapper">
|
|---|
| | | <el-menu
|
|---|
| | | :default-active="activeMenu"
|
|---|
| | | :collapse="isCollapse"
|
|---|
| | | :background-color="variables.menuBg"
|
|---|
| | | :text-color="variables.menuText"
|
|---|
| | | :background-color="settings.sideTheme === 'theme-dark' ? variables.menuBg : variables.menuLightBg"
|
|---|
| | | :text-color="settings.sideTheme === 'theme-dark' ? variables.menuText : 'rgba(0,0,0,.65)'"
|
|---|
| | | :unique-opened="true"
|
|---|
| | | :active-text-color="settings.theme"
|
|---|
| | | :collapse-transition="false"
|
|---|
