69 lines
1.6 KiB
Vue
69 lines
1.6 KiB
Vue
<!--
|
|
* @Author: kongjun qdkongjun@gmail.com
|
|
* @Date: 2022-06-20 09:29:59
|
|
* @LastEditors: kongjun qdkongjun@gmail.com
|
|
* @LastEditTime: 2022-06-22 10:04:56
|
|
* @FilePath: \back\src\views\main-sidebar.vue
|
|
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
|
-->
|
|
<template>
|
|
<aside
|
|
:class="['aui-sidebar', `aui-sidebar--${$store.state.sidebarLayoutSkin}`]"
|
|
>
|
|
<div class="aui-sidebar__inner">
|
|
<el-menu
|
|
:default-active="$store.state.sidebarMenuActiveName"
|
|
:collapse="$store.state.sidebarFold"
|
|
:unique-opened="true"
|
|
:collapseTransition="false"
|
|
class="aui-sidebar__menu"
|
|
>
|
|
<sub-menu
|
|
v-for="menu in $store.state.sidebarMenuList"
|
|
:key="menu.id"
|
|
:menu="menu"
|
|
/>
|
|
</el-menu>
|
|
</div>
|
|
</aside>
|
|
</template>
|
|
|
|
<script>
|
|
import SubMenu from "./main-sidebar-sub-menu";
|
|
export default {
|
|
data() {
|
|
return {};
|
|
},
|
|
components: {
|
|
SubMenu,
|
|
},
|
|
created() {
|
|
this.$store.state.sidebarMenuList = window.SITE_CONFIG["menuList"];
|
|
},
|
|
};
|
|
</script>
|
|
<style scoped lang="scss">
|
|
.aui-sidebar {
|
|
width: 266px;
|
|
.aui-sidebar__inner {
|
|
width: 260px;
|
|
//overflow-y: hidden;
|
|
/*滚动条样式*/
|
|
&::-webkit-scrollbar {
|
|
width: 0px;
|
|
}
|
|
&::-webkit-scrollbar-thumb {
|
|
border-radius: 5;
|
|
background: rgba(0, 0, 0, 0.25);
|
|
}
|
|
&::-webkit-scrollbar-track {
|
|
border-radius: 0;
|
|
background: #f2f2f2;
|
|
}
|
|
.aui-sidebar__menu {
|
|
width: 266px;
|
|
}
|
|
}
|
|
}
|
|
</style>
|