當觸發翻頁時，如何使得進度條發生相應變化？
當點擊視圖左右區域觸發翻頁時，如何使得進度條發生相應變化？
現在無論字號、主題還是進度，能設置但是不清楚怎么訪問當前值？求老師指教。
VyingGao
2018-09-01
3 回答
舉報
0/150
提交
取消
2018-09-01
可以參考官方提供的例子：
//?Wait?for?book?to?be?rendered?to?get?current?page displayed.then(function(){ ??//?Get?the?current?CFI ??var?currentLocation?=?rendition.currentLocation(); ??//?Get?the?Percentage?(or?location)?from?that?CFI ??var?currentPage?=?book.locations.percentageFromCfi(currentLocation.start.cfi); ??slider.value?=?currentPage; ??currentPage.value?=?currentPage; });2018-09-01
你好，這個問題需要使用Locations對象的locationFromCfi()來實現
傳入cfi即定位數據后獲取對應的百分比，然后將百分比傳入進度條控件即可
2019-03-07
onLocationChange()?{let?curLocation?=?this.rendition.currentLocation()this.curPercentage?=?(Math.floor(this.locations.percentageFromCfi(curLocation.start.cfi)?*?10000)?/?100).toFixed(1)?*?1//?console.log(this.curPercentage)}翻頁事件中觸發此事件，傳一個curPercentage參數給menuBar，watch curPercentage變化時調用menuBar中的方法：
onCurPercentageChange()?{this.progress?=?this.curPercentagethis.$refs.progress.style.backgroundSize?=?`${this.progress}%?100%`}參考一下。