CSS 修改el-calendar的样式，自定义样式

需求：自定义elementui的日历的样式；给符合条件的时间展示红点。

elementui的原始样式： 

目标样式：

 

代码实现：

html:

JS：

export default {
  name: 'Dashboard',
  data() {
    return {
      calendarValue: new Date(),
      pointList: ['2023-09-12', '2023-09-11', '2023-09-01'],
    }
  },
}

css： 

 在这里小记一下，主要也是为了保留一下这次的修改成果，方便以后使用

 

有个没改好的地方就是，右上角的选择上下月的按钮不好修改为左右箭头，所以那块就没做优化，大家要是有好方法可以让我借鉴借鉴，ui如下：