pstouch華為p30兼容版本，touchslide在android混合開發中的兼容問題

2023-11-18 阅读 42 评论 0

摘要：最近在做一個APP商城的項目，采用的是混合型的開發，其中需要用到滑動切換圖組的功能。目前前端開源圖組切換庫也有好多，試了好幾個覺得touchslide比較合適，小而精巧。在使用中也算是順利，只是在一些不支持canvas的瀏覽器中，圖組切換

最近在做一個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://808629.com/177540.html

上一篇：javascript按鈕，【Javascript】TouchSlide

下一篇：js try catch用法，TouchSlide和iconfont.js沖突 Uncaught TypeError: j.search is not a fu