fullcalendar插件头部样式修改

// 头部在左边

::v-deep .fc {

  .fc-toolbar-chunk{

    background-color: #F4F4F5 !important;

    display: flex;

    padding: 4px 8px;

    align-items: center;

    gap: 8px;

      div {

        display: flex;

        align-items: center;

      }

  }

  // 操作按钮

  .fc-button {

    border: none;

    background-color: #F4F4F5 !important;

  }

  // 时间文字

  .fc-toolbar-title {

    color: #000;

    text-align: center;

    font-family: Source Han Sans CN;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

  }

  // 上一年图标

  .fc-icon-chevron-left {

    color: #515972;

  }

  // 上个月图标

  .fc-icon-chevrons-left {

    color: #515972;

  }

  // 下一年图标

  .fc-icon-chevrons-right {

    color: #515972;

  }

  // 下个月图标

  .fc-icon-chevron-right {

    color: #515972;

  }

  .fc-button:focus {

    border: none;

    box-shadow: none;

  }

}