进度条无法拖动

Answer 1

提问者 学者___ 2019-01-25 10:51:59

老师你好，已全部解决

• Sam #1

  好的，厉害了！

Answer 2

提问者 学者___ 2019-01-25 10:38:45

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

Answer 3

提问者 学者___ 2019-01-25 10:34:26

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

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

Answer 4

Sam 2019-01-25 10:21:30

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

Answer 5

提问者 学者___ 2019-01-25 10:09:40

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不起作用

Answer 6

提问者 学者___ 2019-01-25 10:07:35

<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>

Answer 7

Sam 2019-01-25 09:36:53

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

• 提问者 学者___ #1

  在pc中测试