改組件主要提供以下功能
1、可自定義滑塊(圖片或自定義視圖),默認為和官方一樣的白色圓形
2、劃出緩沖范圍自動回滾
3、漸變前景色
下面主要講講這幾個功能的實作用法和注意事項,其他功能請下載文末的demo查看
不知道怎么使用自定義組件的同學,可以查看我的上一篇文章progress
1、實作滑塊的點擊滑動,主要用到下面五個方法
在js檔案中將這五個方法拋出,讓使用該組件的頁面可以監聽到這些方法
自定義組件觸發事件時,需要使用 triggerEvent 方法,指定事件名、detail物件和事件選項:
以上五個方法都要使用triggerEvent 監聽
2、在這個組件中把默認滑塊的大小規定在[20, 40]rpx之間。有兩個地方需要作出限制
2.1、css檔案 設定滑塊的上下限
2.2、js檔案 在attached方法中對滑塊大小作出限制
3、還有一個值得注意的地方是,在使用該組件的時候要設定slider距離螢屏左邊的距離,這個距離填寫你專案中的實際距離即可
slider-left='75'
4、該組件所用到的單位均為rpx
uj5u.com熱心網友回復:
文末demo在哪????轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/240291.html
標籤:XML/XSL
