Phillips

Results 5 issues of Phillips

留言需要涉及BUG产生的环境(设备,操作,结果)

在这里可以提出你的建议,帮助改进组件

webpack全局已经打包为umd,可以直接使用script引入,model地址在: https://github.com/warpcgd/vue-concise-slider/blob/V3/dist/module.js script直接引入后,同vue一样,slider挂载在window.vueConciseSlider demo ``` slider body { background: #eee none repeat scroll 0 0; color: #000; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0; /*...

### V2.2 嗨,拖了这么久才更新版本,实在抱歉,最近抽空做了2.2版本,主要更新内容如下: 1. 处理了图片异步加载的问题 2. 优化了css和dom排版 3. 新增了loading slot,方便大家自定义loading效果 4. 优化了事件返回的数据 5. 新增各项配置和事件 6. 修复反馈的BUG 7. 制作了一份新的[文档](https://warpcgd.github.io/vue-concise-slider/) 具体的内容大家可以npm下载后查看,也可以进入新的[文档](https://warpcgd.github.io/vue-concise-slider/)查看,感谢大家的支持,有更好的建议欢迎大家留言,peace~

![最终效果](https://user-gold-cdn.xitu.io/2018/3/5/161f518b80e3fd54?w=887&h=625&f=gif&s=1137386) ## 前言 嗨,说起探探想必各位程序汪都不陌生(毕竟妹子很多),能在上面丝滑的翻牌子,探探的的堆叠滑动组件起到了关键的作用,下面就来看看如何用vue写一个探探的堆叠组件 😄 ## 一. 功能分析 简单使用下探探会发现,堆叠滑动的功能很简单,用一张图概括就是: ![](https://user-gold-cdn.xitu.io/2018/3/5/161f51646596be17?w=886&h=467&f=jpeg&s=37069) 简单归纳下里面包含的基本功能点: * 图片的堆叠 * 图片第一张的滑动 * 条件成功后的滑出,条件失败后的回弹 * 滑出后下一张图片堆叠到顶部 体验优化 * 根据触摸点的不同,滑动时首图有不同角度偏移 * 偏移面积判定是否成功滑出 ## 二. 具体实现 有了归纳好的功能点,我们实现组件的思路会更清晰 ### 1....