vue-lottery-turntable

KO | EN

gitlite — search

#python #react #ai #llm #rust #linux #macos #awesome #cli #kubernetes #awesome-list #vue #pytorch #openai

vue-lottery-turntable

(★ 12)

Lottery Turntable implemented by Vue 2.0

vue-lottery-turntable Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# vue-lottery-turntable

> A Vue.js project

## Build Setup

``` bash
# 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
```

## How to Use
```javascript
<template>
  <div id="app">
   <lottery-turntable :restaraunts="rests" :colors="colors"></lottery-turntable>
  </div>
</template>

export default {
  name: 'app',
  data() {
    return {
      //奖品类别
      rests:["别墅一套", "奔驰一辆", "谢谢参与", "套套一箱", "自行车一辆", "苹果手机", "现金一万"],
      //大转盘奖品区块对应背景颜色
      colors: ["#FF0000", "#FF8000", "#FFFF00", "#00FF00", "#00FFFF", "#0000FF","#8000FF"]
    }
  },
  components: {
    LotteryTurntable
  }
}
</script>
```

## Demo
[![Demo](https://camo.githubusercontent.com/5f551170322e6396eb92144f8eb2cf079b88b68f/687474703a2f2f732e79756e6b6578696f6e6764692e636f6d2f6f5f31626c66307334343631746262317139623161306231746a673134726e372e676966 "Demo")](https://camo.githubusercontent.com/5f551170322e6396eb92144f8eb2cf079b88b68f/687474703a2f2f732e79756e6b6578696f6e6764692e636f6d2f6f5f31626c66307334343631746262317139623161306231746a673134726e372e676966 "Demo")

vue-lottery-turntable

vue-lottery-turntable Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

vue-lottery-turntable

vue-lottery-turntable Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README