关闭默认隐藏,添加侧边栏样式

main
严飞永 2 months ago
parent 5d6eb792d7
commit dbc7ffb769

@ -24,8 +24,9 @@
left: 0; left: 0;
z-index: 1001; z-index: 1001;
overflow: hidden; overflow: hidden;
-webkit-box-shadow: 2px 0 6px rgba(0,21,41,.35); background-image: url(../images/侧边栏@1x.png);
box-shadow: 2px 0 6px rgba(0,21,41,.35); background-size: 100% 100%;
background-repeat: no-repeat;
// reset element-ui css // reset element-ui css
.horizontal-collapse-transition { .horizontal-collapse-transition {
@ -68,6 +69,7 @@
border: none; border: none;
height: 100%; height: 100%;
width: 100% !important; width: 100% !important;
background-image: url(../images/侧边栏2.png);
} }
.el-menu-item, .el-submenu__title { .el-menu-item, .el-submenu__title {

@ -5,7 +5,6 @@
<el-menu <el-menu
:default-active="activeMenu" :default-active="activeMenu"
:collapse="isCollapse" :collapse="isCollapse"
:background-color="settings.sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground"
:text-color="settings.sideTheme === 'theme-dark' ? variables.menuColor : variables.menuLightColor" :text-color="settings.sideTheme === 'theme-dark' ? variables.menuColor : variables.menuLightColor"
:unique-opened="true" :unique-opened="true"
:active-text-color="settings.theme" :active-text-color="settings.theme"

@ -2,7 +2,7 @@
<div class="navbar"> <div class="navbar">
<div class="navbarleft"> <div class="navbarleft">
<!-- <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" <!-- <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container"
@toggleClick="toggleSideBar" /> --> @toggleClick="toggleSideBar" /> -->
<breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!topNav" /> <breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!topNav" />
<top-nav id="topmenu-container" class="topmenu-container" v-if="topNav" /> <top-nav id="topmenu-container" class="topmenu-container" v-if="topNav" />
</div> </div>
@ -55,9 +55,6 @@ export default {
} }
}, },
methods: { methods: {
// toggleSideBar() {
// this.$store.dispatch('app/toggleSideBar')
// },
async logout() { async logout() {
this.$confirm('确定注销并退出系统吗?', '提示', { this.$confirm('确定注销并退出系统吗?', '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',
@ -95,6 +92,7 @@ export default {
} }
.hamburger-container { .hamburger-container {
display: none;
line-height: 46px; line-height: 46px;
height: 100%; height: 100%;
float: left; float: left;

Loading…
Cancel
Save