<template>
  <div class="container">
    <!-- 内容 -->
    <div class="page-body">
      这里放页面的内容
    </div>
    <!-- 页脚 -->
    <div class="page-footer">
       © 余杭晨报 版权所有
    </div>
  </div>
</template>

<style lang="less" scoped>
   .container{
      height:100%;
     .page-body{
     	min-height: calc(100vh - 120px);
     }
   }
</style>

实现效果如图：