当前位置: 首页 > 工具软件 > TouchSlide > 使用案例 >

touchslide在android混合开发中的兼容问题

萧成文
2023-12-01
最近在做一个APP商城的项目,采用的是混合型的开发,其中需要用到滑动切换图组的功能。目前前端开源图组切换库也有好多,试了好几个觉得touchslide比较合适,小而精巧。

在使用中也算是顺利,只是在一些不支持canvas的浏览器中,图组切换的那几个导航点不大喜欢,在支持canvas的浏览器中它是圆点,在不支持canvas的浏览器中它是带圆角的矩形点,于是我在源码中关闭了他的canvas的支持,然后给每个导航点设置一个合适的border-radius,使得在所有android webview中都呈现圆点;还有在测试oppo手机的时候,发现图组切换的导航点居然不见了,经过测试,是在这台oppo的机子使用canvas时的bug,考虑到可以不使用canvas所以全部换成span,经测试,问题完美解决;由于导航点颜色单一,在不同颜色的图片背景下容易看不清,所以我模仿唯品会的效果,加了个外边框。下面是修改后的Touchslid下载链接,共享给大家。


http://ptjob.egoocn.com/ lib/Touchslid.js

 类似资料: