Vue book-like compoment for create a your own e-book

Vue Booklet is a compoment which can let your create a flipable book fastly, and is responsive. As it's used css animation, it will not support IE 9 and other old browser.

http:https://book.sardo.work

npm install vue-booklet --save

or

yarn add vue-booklet

Import module from vue-booklet, then register it to Vue:

import booklet from 'vue-booklet';

new Vue({
  el: '#your-dom-element',
   components: {
      booklet
   }
})

And import the css file in your html file:

<link rel="stylesheet" href="vue-booklet.min.css">

After that, you can use vue-booklet on your project now.

####Example

<Book>
  <div class="page cover">
    <article class="content">
      <h1>My first book</h1>
    </article>
  </div>
  <div class="page">
    <article class="content">
      <h1>Hello World !</h1>
      <p>Using vue-booklet to create a book which can fliped.</p>
      <p>Please feel free to use it.</p>
    </article>
  </div>
</Book>

Set the transition time of each book page.

Default value is 0.8s.

A callback which happens after book opened. Pass the book dom which you can control it.

A callback which happens after book closed. Pass the book dom which you can control it.

A callback which happens before a page filped. Pass the page dom which you can control it, and direction for you to know filped to next page or previous page.

A callback which happens after a page filped. Pass the page dom which you can control it, and direction for you to know filped to next page or previous page.

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report