最近在做一个APP商城的项目，采用的是混合型的开发，其中需要用到滑动切换图组的功能。目前前端开源图组切换库也有好多，试了好几个觉得touchslide比较合适，小而精巧。
在使用中也算是顺利，只是在一些不支持canvas的浏览器中，图组切换的那几个导航点不大喜欢，在支持canvas的浏览器中它是圆点，在不支持canvas的浏览器中它是带圆角的矩形点，于是我在源码中关闭了他的canvas的支持，然后给每个导航点设置一个合适的border-radius,使得在所有android webview中都呈现圆点；还有在测试oppo手机的时候，发现图组切换的导航点居然不见了，经过测试，是在这台oppo的机子使用canvas时的bug，考虑到可以不使用canvas所以全部换成span,经测试，问题完美解决；由于导航点颜色单一，在不同颜色的图片背景下容易看不清，所以我模仿唯品会的效果，加了个外边框。下面是修改后的Touchslid下载链接，共享给大家。
http://ptjob.egoocn.com/ lib/Touchslid.js
转载请注明原文地址: https://ju.6miu.com/read-1884.html
