移动端头部、中间、底部导航栏布局

在项目中，我们会有这样的需求：

头部 中间部分 底部三部分组成

中间部分要滚动效果（可以用better-scroll或者cube-ui里的scroll）

主要是底部麻烦

解决办法是：中间部分高度为100%  底部设置固定高  最外层使用flex布局  flex-direction: column