SKY_UI

一、calendar 日历

介绍：日历翻页动画组件

使用

<sky-animation-calendar>翻页日历</sky-animation-calendar>

Props

| 参数 | 说明 | 类型 | 默认值 | | ------------------------- | ---------------------- | ------------- | -------------------------------------------------- | | type | 翻页的类型 | string | next | | color | 主题颜色 | string | #e1e1e1 | | opacity | 主题透明度 | number/string | 1 | | width | 简历宽度 | number | 100px | | direction | 翻页的方向 | string | right-bottom / right-left / left-bottom / left-top | | animation-duration | 动画持续时间 | string/number | 1s | | transition-duration | 动画延迟时间 | string/number | 0.2s | | animation-iteration-count | 动画执行次数 | string/number | 1 | | animation-timing-function | 动画速度曲线 | string | linear | | frames-num | 动画帧数(动画细腻程度) | string/number | 1s |

Slots 插槽

| 名称 | 说明 | | ------- | ---------- | | default | 插入的内容 |

Events

| 事件名 | 回调函数 | | ---------------- | ------------------------------------ | | ~~before-start~~ | ~~event：Event~~ | | ~~click-last~~ | ~~currentDate，nextDate~~ | | click | type:当前翻页类型 next()是否开启翻页 |

版本

Alpha(α) v1.0

1. 增加动画属:animation-timing-function
2. direction 标识优化
3. 新增event Click事件（支持鼠标点击四个位置翻页）