做了一个 popup 组件, 支持返回键和各种过度动画的定义

组件地址: https://github.com/deepkolos/vc-popup

效果预览

特点

1. 支持返回键, 可以按浏览器返回按钮关闭 popup
2. 可以写出小复杂的过度动画, 比如磁贴按压效果[在 popUpMenu 可看到~]
3. 支持 css 动画库, 比如 animation.css, 使用的时候自行添加依赖就好了
4. 提供了几个比较好的 popup 组件, calendar, picker, imgViewer
5. 行为定义相对标准, 这一点比较重要的, 前端行为定义犹如算法的输入定义一样, 比如触发关闭之后, 结束动画未结束之前, popup 会拦截输入事件, popup 属于不可交互状态
6. 拓展比较方便~, 之后会补充 popup 编写的教程~
7. 差点忘说了, 强大的定位支持, 有居中, clickRelative, domRelative, 其中domRelative 支持 25 个位置
8. Layer都经过优化了, 层次合理~, 没有出现压缩层, 或者层爆栈的情况~
9. 采用的是绝对的置顶策略, 就是即便在页面内设置fixed+z-index:99999999999;, 都不会遮盖弹出的popup~

组件地址: https://github.com/deepkolos/vc-popup