LuckyDraw

Introduction:

幸运抽奖Vue Web项目<br/> Luck draw Vue web project.

Example:

Primary_instance: https://niyongsheng.github.io/luck_draw <br/> Standby_instance: https://niyongsheng.gitee.io/pages/luck_draw/1.0

Modules:

• [x] Luck Card
• [x] Luck Wheel
• [X] Luck Cloud
• [x] Luck Simple

Features:

• Scss
• VueX
• AntdV
• Vue-I18n
• Vue-XLSX
• Vue Router

Excel:

Configure the 'luckDraw' data source

| Field | Type | Default | Description | | :--- | :--- |:---|:---| | key | int | - | index | | name | string | - | award name | | subtitle | string | - | prize name, subtitle | | url | url | - | background, prize, head | | isShow | bool | False | card flip state | | remark | string | - | remark info |

<br/> <!-- > 配置幸运抽奖数据源 | 字段 | 类型 | 默认值 | 说明 | | :--- | :--- |:---|:---| | key | int | - | 序号 | | name | string | - | 奖项名字 | | subtitle | string | - | 奖品名字、子标题 | | url | url | - | 背景图、奖品图、头像 | | isShow | bool | False | 卡片翻转状态 | | remark | string | - | 备注信息 | -->

Browser support

| <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" /><br/>IE / Edge | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" /><br/>Firefox | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" /><br/>Chrome | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" /><br/>Safari | |:---------:|:---------:|:---------:|:---------:| | IE9+, Edge | ✓| ✓ | ✓

Usage：

yarn install

yarn serve

yarn build

Remind

vue 2.6+ <br/> vue-cli 3.x<br/> web storm 2020.3

Contact Me :octocat:

• E-mail: niyongsheng@Outlook.com
• Weibo: @Ni永胜