更新记录

1.1（2024-03-18）

1.支持设置主题颜色

2.修改样式问题

1.0（2024-03-16）

版本1.0 1.支持滑动翻页 2.支持周末置灰 3.支持日历排列方式 4.支持日历下方添加蓝色小点

平台兼容性

说明文档

1.引入

基本引入

    <AttendCalendar></AttendCalendar>

设置周末是否置灰

    <AttendCalendar :weekend-is-gray="true"></AttendCalendar>

设置第一列星期几

    <AttendCalendar :weekstart="1"></AttendCalendar>

设置日历下方是否有小圆点

    <AttendCalendar :schedule-list="['01','02','03']"></AttendCalendar>

设置日历主题颜色

    <AttendCalendar :theme-color="setColors"></AttendCalendar>

    <script>
        export default{
            return {
                setColors: {
                    backgroundColor: '#00FFFF',
                    weekendColor: '#999999',
                    dotColor: '#165DFF',
                    todayColor: '#165DFF'
                }
            }
        }
    </script>

滑动翻页的回调函数

    <AttendCalendar @next="handleNext" @prev="handlePrev"></AttendCalendar>

点击日期回调函数

    <AttendCalendar @on-click="handleOnClick"></AttendCalendar>