1、目标效果

        源码地址：multipal-layout-demo: vue2实现多布局+暗黑模式

默认布局：头部宽度100%，侧边栏、内容区

顶部布局：头部宽度100%，内容区

侧边栏布局：侧边栏高度100%，头部、内容区

2、原理分析