微信小程序--页面框架布局

创建page之后，在wxml中写的页面内容，都会包裹在<page>标签之中

若想像网页一样进行顶部、底部、内容等页面框架布局，仅仅写以下样式是不足够的

<view style="height: 10%; background-color: blueviolet;">
  顶部
</view>

需要给父标签固定宽高或百分比，此时设置的宽高百分比才能生效

直接在页面样式文件中赋予page标签固定宽高

page{
  height: 100%;
  background-color: pink;
}

最终效果：