0.1.2 • Published 4 years ago
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 插槽
Events
| 事件名 | 回调函数 |
|---|
before-start | event：Event |
click-last | currentDate，nextDate |
| click | type:当前翻页类型 next()是否开启翻页 |
版本
Alpha(α) v1.0
1. 增加动画属:animation-timing-function
2. direction 标识优化
3. 新增event Click事件（支持鼠标点击四个位置翻页）