【可视化大屏系列】页面布局

页面布局是可视化大屏的基础，想要拥有一个基本美观的大屏，就得考虑页面整体模块的宽高自适应，我们自然就会想到具有强大灵活性flex布局，再借助百分比布局来辅助。至此，大屏页面布局问题即可得到解决。

案例分析

观察上述页面，对页面布局进行分析：

1. 整体分为头部标题区域和主体内容区域两部分；
2. 主体内容区域从左到右分为左、中、右三部分；
3. 主体内容左边和右边的区域从上到下分为四部分，左边第一部分分为左右两块；
4. 主体内容中间的区域从上到下分为两部分，上边第一部分分为左中右三块。

实现思路

（1）页面整体高度设为100%<