https://github.com/weichiachang/vue-elevator

🔝 A wrapper of elevator.js in Vue
https://github.com/weichiachang/vue-elevator

elevator vue vue-elevator vue2

Last synced: 11 months ago
JSON representation

🔝 A wrapper of elevator.js in Vue

• Host: GitHub
• URL: https://github.com/weichiachang/vue-elevator
• Owner: WeiChiaChang
• Created: 2017-09-25T08:17:25.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2017-09-25T16:55:43.000Z (over 8 years ago)
• Last Synced: 2024-04-26T10:46:05.014Z (about 2 years ago)
• Topics: elevator, vue, vue-elevator, vue2
• Language: JavaScript
• Homepage: https://git.io/vdkIZ
• Size: 664 KB
• Stars: 28
• Watchers: 3
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# vue-elevator

[![vue2](https://img.shields.io/badge/vue-2.x-brightgreen.svg)](https://vuejs.org/)

A wrapper of [elevator.js](https://github.com/tholman/elevator.js) in Vue



  

    

  



## Demo

[Show me the code, or demo it](https://weichiachang.github.io/vue-elevator/dist/) ![turtle](http://i.imgur.com/879dfXS.gif)



  

    

  



> Image Original Source From [Awesome Egoist](https://github.com/egoist/evangelion-card) ! Thank you !

## Installation

```

npm i -D vue-elevator

```

## Usage

For standalone version

```javascript

```

For vue-cli user

```javascript

import { VueElevator } from 'vue-elevator'

Vue.component('VueElevator', VueElevator)

```

## Sample

```javascript

  


    

  


export default {

  ...

  data () {

    return {

      // Replace word, duration, mainAudio and endAudio setting as you want.

      // If default is what you like, just don't use related key-value pair and ignore it.

      word: "Go to Top",

      duration: 4000,

      mainAudio: "http://tholman.com/elevator.js/music/elevator.mp3",

      endAudio: "http://tholman.com/elevator.js/music/ding.mp3",

    }

  }

}

```

---

## License

[MIT](http://opensource.org/licenses/MIT) © [WeiChiaChang](https://github.com/WeiChiaChang)