创建page之后，在wxml中写的页面内容，都会包裹在<page>标签之中
若想像网页一样进行顶部、底部、内容等页面框架布局，仅仅写以下样式是不足够的
<view style="height: 10%; background-color: blueviolet;">顶部
</view>需要给父标签固定宽高或百分比，此时设置的宽高百分比才能生效
直接在页面样式文件中赋予page标签固定宽高
page{height: 100%;background-color: pink;
}最终效果：
