0.1.2 • Published 2 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事件(支持鼠标点击四个位置翻页)