微信小程序页面内容满屏并内容水平和竖直居中的方法

很多时候，我们会希望将内容充满整个屏幕（高度、宽度100%），如下图

wxml页面代码

rush:html;toolbar:false">

购物车竟然是空的
快去首页瞧瞧吧

wxss样式代码

rush:css;toolbar:false">.empty_tip{
position: fixed;
height: 100%;
width: 100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content: center;

来源：http://blog.csdn.net/dknightl/article/details/76228220