html转盘游戏,html5大转盘抽奖实例源码(基于vue.js)

【实例简介】

【调试步骤】

# 安装依赖

npm install

# 开启本地服务器localhost:8088

npm run dev

# 发布环境

npm run build

#然后静待你的浏览器打开一个网页，按F12 进入手机模拟器，查看效果最佳(推荐chrome浏览器，前端开发者的必备)

【实例截图】

【核心代码】

{ {item.count}}

{ {item.name}}

今日免费抽奖次数： { { lottery_ticket}}

活动规则

1.每日签到后，即可获得一次幸运大转盘的机会，仅限当天有效，过期作废。 2.金币抽奖，每10个金豆可兑换一次大转盘机会。

2.金币抽奖，每10个金豆可以兑换一次大转盘抽奖机会

3.所中金豆或积分到【我的账户】中查询。累计达到100金豆及以上，可以兑换相应奖品

{ {toast_title}}

关闭

export default {

data() {

return {

easejoy_bean: 0, //金豆

lottery_ticket: 0, //抽奖次数

prize_list: [

{

icon: require("../assets/img/bean_500.png"), // 奖品图片

count: 10, // 奖品数量

name: "易趣豆", // 奖品名称

isPrize: 1 // 该奖项是否为奖品

},

{

icon: require("../assets/img/bean_five.png"),

count: 5,

name: "豆",

isPrize: 1

},

{

icon: require("../assets/img/bean_one.png"),

count: 10,

name: "易趣豆",

isPrize: 1

},

{

icon: require("../assets/img/point_five.png"),

count: 5,

name: "积分",

isPrize: 1

},

{

icon: require("../assets/img/point_ten.png"),

count: 10,

name: "积分",

isPri