直接使用el-calendar的话 高度布满了整个页面，尝试了两种方式修改el-calendar的高度

1.在el-calendar上加style="height:50%" 无效

2.在外面包个div 再在div上加入style="height:50%"无效

解决代码:

<style scoped>
::v-deep .el-calendar-table .el-calendar-day {
  height: 2em;
  text-align: left;
}
</style>