进度条无法拖动

来源:5-1 阅读进度功能实现(进度面板+分页逻辑)

学者___

2019-01-24

写回答

7回答

学者___

提问者

2019-01-25

老师你好,已全部解决

1
1
Sam
好的,厉害了!
2019-01-25
共1条回复

学者___

提问者

2019-01-25

现在没问题了,只是进度条是需要双击定位,无法按住拖动

0
0

学者___

提问者

2019-01-25

我刚又调试了一下,进度条无法拖动,但是可以双击定位,并出现了这样的错误

Unhandled promise rejection TypeError: "this.currentBook.location is undefined"

0
0

Sam

2019-01-25

源码没看出什么问题,方便的话把源码整体打包上传git发给我调试下

0
0

学者___

提问者

2019-01-25

this.book.ready.then(() => {
  return this.book.locations.generate(750 * (window.innerWidth / 375) * (getFontSize(this.fileName) / 16))
}).then(locations => {
  // console.log(locations)
  this.setBookAvailable(true)
})// 分页逻辑,奇怪的是locations可以分页,但setBookAvailable不起作用


0
0

学者___

提问者

2019-01-25

<script>// EbookSettingProgress.vue中js代码
  import { ebookMixin } from '../../utils/mixin'

  export default {
    mixins: [ebookMixin],
    methods: {
      onProgressChange (progress) {
        this.setProgress(progress).then(() => {
          this.displayProgress()
          this.updateProgressBg()
        })
      },
      onProgressInput (progress) {
        this.setProgress(progress).then(() => {
          this.updateProgressBg()
        })
      },
      displayProgress () {
        const cfi = this.currentBook.location.cfiFromPercentage(this.progress / 100)
        this.currentBook.rendition.display(cfi)
      },
      updateProgressBg () {
        this.$refs.progress.style.backgroundSize = `${this.progress}% 100%`
      },
      prevSection () {},
      nextSection () {}
    },
    updated () {
      this.updateProgressBg()
    }
  }
</script>


0
0

Sam

2019-01-25

你好,能具体描述一下问题吗,比如你是在PC中测试还是在手机中测试,不能拖动,还有,源码最好也提供一下,方便定位问题

0
1
学者___
在pc中测试
2019-01-25
共1条回复

Vue 实战商业级读书Web APP完整项目

Vue全家桶+最新前端技术+前后端分离架构,完整项目流程

1610 学习 · 1951 问题

查看课程