page-turning 翻页效果

page-turning 是一个基于 turn.js 的翻页效果组件，适用于电子书或画册展示。

基础用法

<template>
  <page-turning 
    :data="bookData" 
    @pageChange="onPageChange"
  >
  </page-turning>
</template>

<script>
export default {
  data() {
    return {
      bookData: {
        pdfUrl: '...',
        imageCount: 10
      }
    }
  },
  methods: {
    onPageChange(page) {
      console.log('当前页码:', page);
    }
  }
}
</script>

Props

参数	说明	类型	默认值
data	书籍数据，需包含 pdfUrl (String) 和 imageCount (Number)	Object	{}

Events

事件名	说明	回调参数
pageChange	翻页时触发	(page: Number)
clickCurrent	点击当前页时触发	(pageIndex: Number)