All Projects → WeiChiaChang → vue-elevator

WeiChiaChang / vue-elevator

Licence: other
🔝 A wrapper of elevator.js in Vue

Programming Languages

javascript
184084 projects - #8 most used programming language
Vue
7211 projects

Projects that are alternatives of or similar to vue-elevator

vue3-chat
2021👨‍🎓Vue2/3全家桶 + Koa+Socket+Vant3前后端分离移动端聊天应用。vue+node全栈入门项目
Stars: ✭ 46 (+64.29%)
Mutual labels:  vue2
jodit-vue
Vue wrapper for Jodit Editor
Stars: ✭ 60 (+114.29%)
Mutual labels:  vue2
knuth-elevator
A Go implementation of the elevator simulator described by Donald E. Knuth.
Stars: ✭ 67 (+139.29%)
Mutual labels:  elevator
nodejs-mock-koa2-vue2
node.js开发的一套本地mock静态数据平台系统
Stars: ✭ 16 (-42.86%)
Mutual labels:  vue2
mmf-blog-vue2-pwa-ssr
mmf-blog-vue2 ssr(The service side rendering)
Stars: ✭ 65 (+132.14%)
Mutual labels:  vue2
slider
Vue 3 slider component with multihandles, tooltips merging and formatting (+Tailwind CSS support).
Stars: ✭ 162 (+478.57%)
Mutual labels:  vue2
GamerClubWeb
🎮 A gaming news frontend, base on vuetify
Stars: ✭ 17 (-39.29%)
Mutual labels:  vue2
yipao
PC SPA Base on Vue
Stars: ✭ 18 (-35.71%)
Mutual labels:  vue2
vue-jsPlumb
jsPlumb with Vue 2.【WIP】
Stars: ✭ 66 (+135.71%)
Mutual labels:  vue2
v-intl
Add i18n to your awesome Vue 3 app 🔉
Stars: ✭ 13 (-53.57%)
Mutual labels:  vue2
v-drag
The simplest way to integrate dragging on Vue.js
Stars: ✭ 71 (+153.57%)
Mutual labels:  vue2
cuida
A design system built by Sysvale, using storybook and Vue components
Stars: ✭ 16 (-42.86%)
Mutual labels:  vue2
g2plot-vue
g2plot for vue, both 2 and 3
Stars: ✭ 106 (+278.57%)
Mutual labels:  vue2
lumen-cms
GraphQL API-First CMS based on NodeJS and Vue 2, Nuxt and Vuetify
Stars: ✭ 77 (+175%)
Mutual labels:  vue2
vue-typescript-admin
Vue typescript 开发的基础模板,多页面支持,基础整合完毕。
Stars: ✭ 26 (-7.14%)
Mutual labels:  vue2
vue-pattern-input
Use RegExp to limit input
Stars: ✭ 25 (-10.71%)
Mutual labels:  vue2
graphX
A simple blog based on Nuxt and graphQL
Stars: ✭ 19 (-32.14%)
Mutual labels:  vue2
fluent-vue
Internationalization plugin for Vue.js
Stars: ✭ 137 (+389.29%)
Mutual labels:  vue2
koa-vue
前端vue+后端koa,数据库采用的mysql,开发完整的前后端项目
Stars: ✭ 18 (-35.71%)
Mutual labels:  vue2
vue-template-babel-compiler
Enable Optional Chaining(?.), Nullish Coalescing(??) and many new ES syntax for Vue.js SFC based on Babel
Stars: ✭ 106 (+278.57%)
Mutual labels:  vue2

vue-elevator

vue2

A wrapper of elevator.js in Vue

vue2-github-corners

Demo

Show me the code, or demo it turtle

easter-egg-collection

Image Original Source From Awesome Egoist ! Thank you !

Installation

npm i -D vue-elevator

Usage

For standalone version

<script src="/dist/vue-elevator.browser.js"></script>

For vue-cli user

import { VueElevator } from 'vue-elevator'

Vue.component('VueElevator', VueElevator)

Sample

<template>
  <div id="app">
    <VueElevator :word="word" :duration="duration" :mainAudio="mainAudio" :endAudio="endAudio"></VueElevator>
  </div>
</template>

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].