修改element日历的样式

前言：

需要修改element中el-calendar的表头还有选中的样式，但要求不影响其它页面，也就是要求写在 scoped 里面。

安排：

使用 /deep/ 的深度监听机制实现在 scoped 修改页面样式并不影响其它页面。

// 除去日历表格的padding
  /deep/ .el-calendar-table .el-calendar-day{
    padding: 0;
  }
 // 修改当天日期样式
  /deep/ .el-calendar-table td.is-today{
    background-color: #fff;
  }
  // 修改选中日期样式
  /deep/ .el-calendar-table td.is-selected{
    background-color: #fff;
  }
  // 修改上个月样式
  /deep/ .el-calendar-table .el-calendar-day {
    height: 38px;
    font-size: 12px;
    text-align: center;
  }
  // 修改下个月样式
  /deep/ .el-calendar-table:not(.is-range) td.prev {
    .calendarFont{
      color: #C0C4CC;
    }
     pointer-events: none;
  }
  // 修改日历中星期样式
  /deep/ .el-calendar-table thead th{
    font-size: 12px;
    padding-bottom: 6px;
  }