vue bootstarp 左侧导航栏可收缩，移动端适配成滑入画板导航栏布局

左右布局，支持左侧导航栏固定可收缩，鼠标移动可触发伸展，左侧导航栏手风琴模式，支持移动端适配，小屏左侧导航栏会变成从左侧滑出的抽屉。左右两个容器有自己的滚动条，左侧滚动右侧不动，右侧滚动左侧不动。

依赖

    "bootstrap": "^4.4.1",
    "bootstrap-vue": "^2.2.2",
    "vue": "^2.6.11",
    "vue-router": "^3.1.3",

也可以不用bootstrap-vue

• 把跟bootstrap-vue有关的组件删除就行。我这里只用bootstrap-vue做了左侧导航栏中的手风琴菜单以及头部菜单。把的组件删除就行。一样可以运行。

效果如下

aside.gif

github

代码很长,建议直接去github下载demo运行。