vue-slidepage v1.0.0

vue-slidePage

Introduction

vue-slidePage is a fullscreen scrolling component of Vue.js, Based on slidePage

Demo

• simple
• custom

Usage

Install

$ npm i -S vue-slidepage

Work on a Vue instance:

<slide-container>
  <slide-page v-for="(item, index) in list">
    <h2>{{item.name}}</h2>
  </slide-page>
</slide-container>

import { SlideContainer, SlidePage } from 'vue-slidePage'

new Vue( {
  el: 'body',
  data () {
    return {
      list: [
        {name: 'Page1'},
        {name: 'Page2'},
        {name: 'Page3'},
      ],
    }
  },
  components: {
    SlideContainer,
    SlidePage
  }
} )

Props

SlideContainer:

Events

SlideContainer:

Slots

SlidePage:

usage:

<slide-container>
  <slide-page>
    <img src="">
    <p></p>
    <button></button>
  </slide-page>
</slide-container>

License

MIT