Newlyweds Proposing Marriage

    @mu-ui/mu-rotary
    TypeScript icon, indicating that this package has built-in type declarations

    0.1.5 • Public • Published

    mu-rotary

    rotary vue component for vue 2.x

    Installation

    yarn add @mu-ui/mu-rotary

    Usage

    import Rotary from '@mu-ui/mu-rotary'
     
    Vue.component('rotary', Rotary)
     
    <rotary class="rotary-main" @handle="draw" @finish="showResult">
      <div slot="canvas" class="rotary-canvas">
        <div class="rotary-lamp"></div>
      </div>
      <div slot="handler" class="rotary-handler"></div>
    </rotary>
     
    ...
    methods: {
      draw($result) {
        setTimeout(() => {
          this.lucky = Math.floor(Math.random() * 8)
          $result.set(this.lucky) // [0,7]
          // $result.free() // Call this method to release free state of rotary when error
        }, 500)
      },
      showResult() {
        console.log(`恭喜抽中: ${this.gifts[this.lucky].name}`)
      }
    }

    Options

    turnsCount

    Type: Number Default: 3

    turns count for per game by default, then it will find the position of the result you setted

    duration

    Type: Number Default: 6

    duration time for per game

    number

    Type: Number Default: 8

    the number of prizes

    Install

    npm i @mu-ui/mu-rotary

    DownloadsWeekly Downloads

    1

    Version

    0.1.5

    License

    MIT

    Unpacked Size

    14.1 kB

    Total Files

    8

    Last publish

    Collaborators

    • jr93