Skip to content

N
NEWYEARPARTY
Commit f0610e44 authored by 华国豪's avatar 华国豪 🙄
Browse files
Options

新增很多东西

parent 59e5a7ed
Hide whitespace changes
Inline Side-by-side
Showing with 650 additions and 80 deletions
src/App.vue
View file @ f0610e44
...@@ -161,7 +161,7 @@ export default { ...@@ -161,7 +161,7 @@ export default {
</script> </script>
<style> <style>
@import url("//at.alicdn.com/t/font_1574056_9kor82kqrdl.css"); @import url("//at.alicdn.com/t/font_1574056_utacdwc3jjm.css");
@import "./assets/css/init.css"; @import "./assets/css/init.css";
@import "./assets/css/animate.css"; @import "./assets/css/animate.css";
#app { #app {
......
src/assets/css/LuckDraw.css
View file @ f0610e44
...@@ -182,18 +182,6 @@ ...@@ -182,18 +182,6 @@
left: 0; left: 0;
top: 0; top: 0;
} }
.head1{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scaleY(1.5);
width: 10px;
height: 10px;
border-radius: 50%;
transition: all linear 1.5s;
background-color: red;
animation: head_move1 4s infinite ease;
}
#container { #container {
height: 400px; height: 400px;
} }
...@@ -302,4 +290,20 @@ ...@@ -302,4 +290,20 @@
100% { 100% {
transform: rotate(-360deg) transform: rotate(-360deg)
} }
}
.w60 .el-input__inner{
background-color: #150c0e45;
color: white;
border: none;
}
.tips{
position: absolute;
color: #3a3a3a;
z-index: 4;
width: 100%;
text-align: center;
font-size: 3rem;
bottom: auto;
letter-spacing: 1rem;
top: 2rem;
} }
\ No newline at end of file
src/assets/css/PerformRanking.css
View file @ f0610e44
...@@ -95,10 +95,11 @@ ...@@ -95,10 +95,11 @@
} }
.Program-bg .tit-box{ .Program-bg .tit-box{
left: 0; left: 0;
top: 10rem; top: 4rem;
position: absolute; position: absolute;
width: 100%; width: 100%;
padding-top: 2rem; padding: 2rem;
box-sizing: border-box;
} }
.Program-bg .logo{ .Program-bg .logo{
left: 2rem; left: 2rem;
......
src/assets/css/init.css
View file @ f0610e44
...@@ -13,7 +13,19 @@ ...@@ -13,7 +13,19 @@
.yinxiang2020 { .yinxiang2020 {
font-family: 'yinxiang2020'; font-family: 'yinxiang2020';
} }
.el-select-dropdown__list{
background: url(/static/image/shuqian/g_footer_bg2.png) no-repeat;
background-size: 100% 100%;
}
.el-select-dropdown__list .el-select-dropdown__item{
color: white;
}
.el-select-dropdown__item.selected{
color: #e9d5ab !important;
}
.el-select-dropdown{
border: none
}
html, html,
body, body,
h1, h1,
......
src/assets/css/pageNav.css
View file @ f0610e44
.pageNav{ .pageNav{
position: absolute; position: absolute;
/* width: 98%; */ /* width: 98%; */
width: calc(99% - 165px); width: calc(99% - 280px);
z-index: 900; z-index: 900;
bottom: .5rem; bottom: .5rem;
left: 1rem; left: 1rem;
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
background: url(../../../static/image/nav-bg.png) no-repeat; background: url(../../../static/image/nav-bg.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
border-radius: 10px; border-radius: 10px;
width: 90%; width: 98%;
display: flex; display: flex;
align-items: center; align-items: center;
float: left; float: left;
...@@ -103,7 +103,7 @@ ...@@ -103,7 +103,7 @@
display: none; display: none;
} }
.el-select-dropdown { .el-select-dropdown {
z-index: 10011 !important; z-index: 10086 !important;
} }
.music_box .iconfont{ .music_box .iconfont{
font-size: 2.8rem; font-size: 2.8rem;
......
src/assets/css/pillar.css
View file @ f0610e44
...@@ -401,6 +401,7 @@ ...@@ -401,6 +401,7 @@
width: 245px; width: 245px;
display: flex; display: flex;
justify-content: center; justify-content: center;
transform: scale(0.9);
} }
.AllPillar .piaoshu{ .AllPillar .piaoshu{
font-size: 5rem; font-size: 5rem;
...@@ -410,7 +411,7 @@ ...@@ -410,7 +411,7 @@
font-size: 3rem; font-size: 3rem;
text-align: center; text-align: center;
position: absolute; position: absolute;
bottom: -2rem; bottom: -5rem;
z-index: 9; z-index: 9;
color: white; color: white;
} }
......
src/assets/js/menuJson.js
View file @ f0610e44
...@@ -47,13 +47,13 @@ const leftNavMenu = [ ...@@ -47,13 +47,13 @@ const leftNavMenu = [
children: [], children: [],
bgm: '/static/audio/game_money_bg.mp3', bgm: '/static/audio/game_money_bg.mp3',
}, },
{ // {
Class: 'iconfont icondatiqia', // Class: 'iconfont icondatiqia',
Name: '答题', // Name: '答题',
Url: 'Answer', // Url: 'Answer',
children: [], // children: [],
bgm: '/static/audio/toupiao.mp3', // bgm: '/static/audio/toupiao.mp3',
} // }
] ]
}, },
{ {
...@@ -71,10 +71,32 @@ const leftNavMenu = [ ...@@ -71,10 +71,32 @@ const leftNavMenu = [
bgm: '', bgm: '',
}, },
{ {
Class: 'iconfont iconpaihangbang', Class: 'iconfont iconjiangli',
Name: '排行榜', Name: '致词&颁奖',
Url: 'PerformRanking2', Url: '',
children: [], children: [
{
Class: '',
Name: '领导致词',
Url: 'Leader',
children: [],
bgm: '/static/audio/cjbgm1.mp3',
},
{
Class: '',
Name: '颁奖典礼',
Url: 'Awarding',
children: [],
bgm: '/static/audio/cjbgm1.mp3',
},
{
Class: '',
Name: '节目排行',
Url: 'PerformRanking2',
children: [],
bgm: '/static/audio/toupiao.mp3',
},
],
bgm: '/static/audio/toupiao.mp3', bgm: '/static/audio/toupiao.mp3',
} }
] ]
......
src/components/Awarding.vue 0 → 100644
View file @ f0610e44
<template>
<div class="bg_box Awarding" :style="{position: 'relative', width: `${videInfo.width}px`, height: `${videInfo.height}px`, left: `${videInfo.offsetX}px`, top: `${videInfo.offsetY}px`, transform: `scale(${videInfo.transformScale1}, ${videInfo.transformScale2})`}">
<div class="bg_video_box">
<video :src="`/static/video/bjiang${videoIndex}.mp4`" muted="muted" autoplay="autoplay" loop="loop" id="homeBGvideo"></video>
</div>
<div class="hd-game-btn-container">
<div class="award-ctrl">
<span class="iconfont iconzuosanjiaoxing" :style="{'color': listVal === 0 ? 'gray' : '#000'}" @click="switchAward(1)"></span>
<el-select v-model="listVal" class="w60">
<el-option
v-for="item in bjList"
:key="item.i"
:label="item.s"
:value="item.i">
</el-option>
</el-select>
<span class="iconfont iconyousanjiaoxing" :style="{'color': this.listVal === this.bjList.length-1 ? 'gray' : '#000'}" @click="switchAward(2)"></span>
</div>
</div>
<Awards-yi v-show="listVal === 0" />
<Awards-er v-show="listVal === 1" />
<Awards-san v-show="listVal === 2" />
<Awards-si v-show="listVal === 3" />
<Awards-wu v-show="listVal === 4" />
<Awards-liu v-show="listVal === 5" />
<Awards-qi v-show="listVal === 6" />
<Awards-ba v-show="listVal === 7" />
</div>
</template>
<script>
import Awards1 from './Awards/Awards1'
import Awards2 from './Awards/Awards2'
import Awards3 from './Awards/Awards3'
import Awards4 from './Awards/Awards4'
import Awards5 from './Awards/Awards5'
import Awards6 from './Awards/Awards6'
import Awards7 from './Awards/Awards7'
import Awards8 from './Awards/Awards8'
export default {
components: {
'Awards-yi': Awards1,
'Awards-er': Awards2,
'Awards-san': Awards3,
'Awards-si': Awards4,
'Awards-wu': Awards5,
'Awards-liu': Awards6,
'Awards-qi': Awards7,
'Awards-ba': Awards8
},
data () {
return {
initSize: {
width: 1813,
height: 1020
},
videInfo: {
width: 1813,
height: 1020,
offsetX: 0,
offsetY: 0,
transformScale1: 0,
transformScale2: 0
},
videoIndex: 1,
listVal: 0,
bjList: [
{
s: '2019年明星俱乐部 1000万',
i: 0
},
{
s: '2019年明星俱乐部 700万',
i: 1
},
{
s: '2019年明星俱乐部 600万',
i: 2
},
{
s: '2019年明星俱乐部 500万',
i: 3
},
{
s: '2019年明星俱乐部 400万',
i: 4
},
{
s: '2019年销售排名',
i: 5
},
{
s: '2019年区域销售冠军奖',
i: 6
},
{
s: '2019年公司利润第一',
i: 7
}
]
}
},
activated () {
var video = document.getElementById('homeBGvideo')
video.play()
},
created () {
this.windowResize()
},
mounted () {
const that = this
window.onresize = () => {
return (() => {
that.windowResize()
})()
}
},
methods: {
switchAward: function (type) {
if (type === 1) {
if (this.listVal === 0) return
this.listVal--
} else {
if (this.listVal === this.bjList.length-1) return
this.listVal++
}
},
windowResize: function () {
let WindowW = window.innerWidth
let WindowH = window.innerHeight
this.videInfo.transformScale1 = WindowW / this.initSize.width
this.videInfo.transformScale2 = WindowH / this.initSize.height
this.videInfo.offsetX = (WindowW - this.initSize.width) * 0.5
this.videInfo.offsetY = (WindowH - this.initSize.height) * 0.5
}
}
}
</script>
<style>
.Awarding{
z-index: 10009 !important;
}
.Awarding .el-input__inner{
background-color: #150c0e45;
color: white;
border: none;
}
.Awarding .el-select-dropdown{
z-index: 10086 !important
}
</style>
<style scoped>
@import "../assets/css/index.css";
.content{
text-align: center;
-webkit-background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: url(/static/image/fongt-bg.png);
background-position: left top;
background-repeat: repeat;
word-break: break-all;
transform-origin: 0px 0px 0px;
padding-top: 6rem;
transform: scale(.8);
left: 10%;
position: absolute;
width: 100%;
}
.content p{
margin-bottom: 3rem;
}
.content .big{
font-size: 20rem;
letter-spacing: 5rem;
}
.content .big-s{
font-size: 12rem;
letter-spacing: 10px;
}
.content .small{
font-size: 6rem;
letter-spacing: 22px;
}
.hd-game-btn-container{
position: absolute;
bottom: 5px;
right: .5%;
z-index: 1000;
width: 220px;
height: 135px;
border-radius: 8px;
background: url(/static/image/shuqian/g_footer_bg2.png) no-repeat;
background-size: 100% 100%;
display: flex;
text-align: center;
justify-content: center;
align-items: center;
padding: 1rem;
box-sizing: border-box;
z-index: 10086;
}
.award-ctrl{
display: flex;
align-items: center;
justify-content: center;
}
.award-ctrl .iconfont{
cursor: pointer;
}
</style>
src/components/Center.vue → src/components/Awards/Awards1.vue
View file @ f0610e44
<template> <template>
<div> <div class="Awards1">
<div>{{msg}}</div> 爱美女士的八十八端口
<router-link to="/index">返回</router-link> </div>
</div>
</template> </template>
<script>
<script>
export default { export default {
name: 'center',
data () { data () {
return { return {
msg: '中心'
} }
}, },
activated () { activated () {},
this.msg = new Date() + '呵呵' created () {},
} mounted () {},
methods: {}
} }
</script> </script>
<style scoped>
<style>
</style> </style>
src/components/SignIn.vue → src/components/Awards/Awards2.vue
View file @ f0610e44
<template> <template>
<div> <div class="Awards1">
<div>{{msg}}</div> 爱美女士的八十八端口
<router-link to="/index">返回</router-link> </div>
</div>
</template> </template>
<script>
<script>
export default { export default {
name: 'SignIn',
data () { data () {
return { return {
msg: '签到'
} }
}, },
activated () { activated () {},
this.msg = new Date() + '呵呵' created () {},
} mounted () {},
methods: {}
} }
</script> </script>
<style scoped>
<style>
</style> </style>
src/components/Awards/Awards3.vue 0 → 100644
View file @ f0610e44
<template>
<div class="Awards1">
爱美女士的八十八端口
</div>
</template>
<script>
export default {
data () {
return {
}
},
activated () {},
created () {},
mounted () {},
methods: {}
}
</script>
<style scoped>
</style>
src/components/Awards/Awards4.vue 0 → 100644
View file @ f0610e44
<template>
<div class="Awards1">
爱美女士的八十八端口
</div>
</template>
<script>
export default {
data () {
return {
}
},
activated () {},
created () {},
mounted () {},
methods: {}
}
</script>
<style scoped>
</style>
src/components/Awards/Awards5.vue 0 → 100644
View file @ f0610e44
<template>
<div class="Awards1">
爱美女士的八十八端口
</div>
</template>
<script>
export default {
data () {
return {
}
},
activated () {},
created () {},
mounted () {},
methods: {}
}
</script>
<style scoped>
</style>
src/components/Awards/Awards6.vue 0 → 100644
View file @ f0610e44
<template>
<div class="Awards1">
爱美女士的八十八端口
</div>
</template>
<script>
export default {
data () {
return {
}
},
activated () {},
created () {},
mounted () {},
methods: {}
}
</script>
<style scoped>
</style>
src/components/Awards/Awards7.vue 0 → 100644
View file @ f0610e44
<template>
<div class="Awards1">
爱美女士的八十八端口
</div>
</template>
<script>
export default {
data () {
return {
}
},
activated () {},
created () {},
mounted () {},
methods: {}
}
</script>
<style scoped>
</style>
src/components/Awards/Awards8.vue 0 → 100644
View file @ f0610e44
<template>
<div class="Awards1">
爱美女士的八十八端口
</div>
</template>
<script>
export default {
data () {
return {
}
},
activated () {},
created () {},
mounted () {},
methods: {}
}
</script>
<style scoped>
</style>
src/components/Leader.vue 0 → 100644
View file @ f0610e44
<template>
<div class="bg_box" :style="{position: 'relative', width: `${videInfo.width}px`, height: `${videInfo.height}px`, left: `${videInfo.offsetX}px`, top: `${videInfo.offsetY}px`, transform: `scale(${videInfo.transformScale1}, ${videInfo.transformScale2})`}">
<div class="bg_video_box">
<video src="/static/video/GCxiangyunB.mp4" autoplay="autoplay" loop="loop" id="homeBGvideo"></video>
</div>
<div class="content">
<p class="big">领导致辞</p>
<p class="big-s">总经理：谢军</p>
<p class="small">十年影随·感恩有你</p>
<p class="small">印象之路10周年生日快乐</p>
</div>
</div>
</template>
<script>
export default {
name: 'index',
data () {
return {
initSize: {
width: 1813,
height: 1020
},
videInfo: {
width: 1813,
height: 1020,
offsetX: 0,
offsetY: 0,
transformScale1: 0,
transformScale2: 0
}
}
},
activated () {
var video = document.getElementById('homeBGvideo')
video.play()
},
created () {
this.windowResize()
},
mounted () {
const that = this
window.onresize = () => {
return (() => {
that.windowResize()
})()
}
},
methods: {
windowResize: function () {
let WindowW = window.innerWidth
let WindowH = window.innerHeight
this.videInfo.transformScale1 = WindowW / this.initSize.width
this.videInfo.transformScale2 = WindowH / this.initSize.height
this.videInfo.offsetX = (WindowW - this.initSize.width) * 0.5
this.videInfo.offsetY = (WindowH - this.initSize.height) * 0.5
}
}
}
</script>
<style scoped>
@import "../assets/css/index.css";
.content{
text-align: center;
-webkit-background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: url(/static/image/fongt-bg.png);
background-position: left top;
background-repeat: repeat;
word-break: break-all;
transform-origin: 0px 0px 0px;
padding-top: 6rem;
transform: scale(.8);
left: 10%;
position: absolute;
width: 100%;
}
.content p{
margin-bottom: 3rem;
}
.content .big{
font-size: 20rem;
letter-spacing: 5rem;
}
.content .big-s{
font-size: 12rem;
letter-spacing: 10px;
}
.content .small{
font-size: 6rem;
letter-spacing: 22px;
}
</style>
src/components/pageNav.vue
View file @ f0610e44
...@@ -72,7 +72,7 @@ export default { ...@@ -72,7 +72,7 @@ export default {
$this.nextMusic() $this.nextMusic()
}) })
setTimeout(()=>{ setTimeout(()=>{
$this.$PROXY.invoke("SendVoteProgarm", 1, "").done(m=>{ $this.$PROXY.invoke("GetVoteProgarm", 1).done(m=>{
$this.leftNavMenu.map(x=>{ $this.leftNavMenu.map(x=>{
if (x.Name === '节目单') { if (x.Name === '节目单') {
let list = [] let list = []
......
src/components/pillar/AllPillar.vue
View file @ f0610e44
<template> <template>
<div class="Apillar AllPillar"> <div class="Apillar AllPillar">
<div class="item" v-for="(item, index) in 6"> <div class="item" v-for="(item, index) in dataList">
<div class="top"> <div class="top">
<div class="piaoshu">{{piaoshu}}</div> <div class="piaoshu">{{item.vc}}</div>
<div class="miao"> <div class="miao">
<img src="/static/image/jiemu/huohua.png" alt=""> <img src="/static/image/jiemu/huohua.png" alt="">
</div> </div>
<div class="body"> <div class="body">
<img :class="`fire fire${i}`" :style="{'left': i * 10 + '%'}" v-for="(s, i) in 5" src="/static/image/jiemu/fire.png" alt=""> <img v-if="index<=2" :class="`fire fire${i}`" :style="{'left': i * 10 + '%'}" v-for="(s, i) in 5" src="/static/image/jiemu/fire.png" alt="">
</div> </div>
<div class="dibu"> <div class="dibu">
<img src="/static/image/jiemu/laoshu.png" alt=""> <img src="/static/image/jiemu/laoshu.png" alt="">
</div> </div>
</div> </div>
<div class="name"> <div class="name">
<p>南京印象</p> <p>{{item.t}}</p>
<p>《俺们东北人》</p> <p>{{item.b}}</p>
</div> </div>
</div> </div>
</div> </div>
...@@ -26,12 +26,21 @@ export default { ...@@ -26,12 +26,21 @@ export default {
name: 'AllPillar', name: 'AllPillar',
data () { data () {
return { return {
piaoshu: 250 piaoshu: 250,
dataList: []
} }
}, },
activated () {}, activated () {},
created () {}, created () {},
mounted () {}, mounted () {
let $this = this
setTimeout(()=>{
$this.$PROXY.invoke("GetVoteProgarmResult", 1).done(m=>{
console.log(m)
$this.dataList = m
});
}, 2000)
},
methods: {} methods: {}
} }
</script> </script>
......
src/components/playGame/LuckDraw.vue
View file @ f0610e44
...@@ -7,9 +7,9 @@ ...@@ -7,9 +7,9 @@
</div> </div>
<div class="container"> <div class="container">
<!-- 未开始 --> <!-- 未开始 -->
<div class="box" v-if="awardData.length && awardData[awardIndex].nameList.length === 0 && awardNo"> <div class="box" :class="{'box_2': awardData.length && awardData[awardIndex].nameList.length !== 0}" v-if="awardData.length && awardNo">
<div class="jinbian"></div> <div class="jinbian"></div>
<p class="title">幸运抽奖</p> <p class="title" v-if="awardData[awardIndex].nameList.length === 0">幸运抽奖</p>
<div class="join-total-box"> <div class="join-total-box">
<div> <div>
<span>中奖人数：</span>{{awardData.length && awardData[awardIndex].nameList.length}} <span>中奖人数：</span>{{awardData.length && awardData[awardIndex].nameList.length}}
...@@ -18,13 +18,34 @@ ...@@ -18,13 +18,34 @@
<span>参与人数：</span>{{dataList2.length}} <span>参与人数：</span>{{dataList2.length}}
</div> </div>
</div> </div>
<div class="jiangpin-box" > <template v-if="awardData.length && awardData[awardIndex].nameList.length === 0">
<p>{{awardData[awardIndex].name}}</p> <div class="jiangpin-box" >
<div class="img-box"> <p>{{awardData[awardIndex].name}}</p>
<img :src="awardData[awardIndex].img" alt=""> <div class="img-box">
<img :src="awardData[awardIndex].img" alt="">
</div>
<p>{{awardData[awardIndex].proName}}</p>
</div> </div>
<p>{{awardData[awardIndex].proName}}</p> </template>
</div> <template v-if="awardData.length && awardData[awardIndex].nameList.length !== 0">
<div class="jiangpin-box" >
<div class="img-box">
<img :src="awardData[awardIndex].img" alt="">
</div>
<p class="f2">{{awardData[awardIndex].proName}}</p>
<p class="f2b">{{awardData[awardIndex].name}}</p>
</div>
<div class="pp-box">
<div class="people" v-for="item in awardData[awardIndex].nameList">
<div class="people-div">
<img :src="item.Img">
<div class="people-div-bs">
</div>
</div>
<p class="people-name">{{item.EmpName}}</p>
</div>
</div>
</template>
<div class="award-ctrl"> <div class="award-ctrl">
<span class="iconfont iconzuosanjiaoxing" @click="switchAward(1)"></span> <span class="iconfont iconzuosanjiaoxing" @click="switchAward(1)"></span>
<span>一次抽取</span>&nbsp;&nbsp; <span>一次抽取</span>&nbsp;&nbsp;
...@@ -46,8 +67,9 @@ ...@@ -46,8 +67,9 @@
</div> </div>
<!-- 抽奖中 --> <!-- 抽奖中 -->
<div v-show="awardIn" id="lottery3d-stage"></div> <div v-show="awardIn" id="lottery3d-stage"></div>
<p v-show="awardIn" class="tips">按空格键停止抽奖</p>
<!-- 抽奖后 显示中奖名单 --> <!-- 抽奖后 显示中奖名单 -->
<div class="box box_2" v-if="(awardData.length && awardData[awardIndex].nameList.length !== 0 && !awardIn) || awardOut"> <div class="box box_2" v-if="false">
<div class="jinbian"></div> <div class="jinbian"></div>
<div class="join-total-box"> <div class="join-total-box">
<div> <div>
...@@ -134,25 +156,17 @@ export default { ...@@ -134,25 +156,17 @@ export default {
this.windowResize() this.windowResize()
}, },
mounted () { mounted () {
const that = this const $this = this
window.onresize = () => { window.onresize = () => {
return (() => { return (() => {
that.windowResize() $this.windowResize()
})() })()
} }
setTimeout(()=>{ setTimeout(()=>{
that.$PROXY.invoke("SendSignins", '1').done(data => { $this.$PROXY.invoke("SendSignins", '1').done(data => {
let i = 0 $this.dataList2 = data
data.map(x=>{
i++
x.class = `head1`
if (i > 11) {
i = 0
}
})
that.dataList2 = data
}); });
that.$PROXY.invoke("GetLottery", '', '').done(data => { $this.$PROXY.invoke("GetLottery", '', '').done(data => {
data.map(x=>{ data.map(x=>{
let obj = { let obj = {
name: x.n, name: x.n,
...@@ -162,15 +176,33 @@ export default { ...@@ -162,15 +176,33 @@ export default {
img: x.img, img: x.img,
nameList: JSON.parse(x.lotteryHistoryList) nameList: JSON.parse(x.lotteryHistoryList)
} }
that.awardData.push(obj) $this.awardData.push(obj)
}) })
}) })
}, 2000) }, 2000)
// 空格键结束抽奖 // 空格键结束抽奖
document.onkeydown = function(e){ document.onkeydown = function(e){
var keyNum = window.event ? e.keyCode :e.which; var keyNum = window.event ? e.keyCode :e.which;
if (!$this.awardIn) return
if(keyNum==32){ if(keyNum==32){
$this.$PROXY.invoke("GetLottery", $this.awardData[$this.awardIndex].id, $this.awardPP).done(data => {
console.log(data)
$this.awardData = []
data.map(x=>{
let obj = {
name: x.n,
maxNum: Number(x.a),
proName: x.award,
id: x.i,
img: x.img,
nameList: JSON.parse(x.lotteryHistoryList)
}
$this.awardData.push(obj)
})
$this.awardOut = true
$this.awardIn = false
$this.awardNo = true
})
} }
} }
}, },
...@@ -242,21 +274,26 @@ export default { ...@@ -242,21 +274,26 @@ export default {
return parseInt(c, 10) return parseInt(c, 10)
}, },
headMove: function () { headMove: function () {
this.init() let $this = this
let $this = this var f = document.getElementById("lottery3d-stage");
$this.$PROXY.invoke("GetLottery", $this.awardData[$this.awardIndex].id, $this.awardPP).done(data => { var childs = f.childNodes;
console.log(data) for(var i = childs.length - 1; i >= 0; i--) {
}) f.removeChild(childs[i]);
}
this.speed = 50
setTimeout(()=>{
$this.init()
}, 200)
}, },
// 启动抽奖 // 启动抽奖
awardGo: function () { awardGo: function () {
if (this.awardIn) return if (this.awardIn) return
this.awardNo = false this.awardNo = false
this.awardIn = true this.awardIn = true
this.awardOut = false
this.headMove() this.headMove()
}, },
switchAward: function (type) { switchAward: function (type) {
console.log(type, this.awardIndex )
if (type === 1) { if (type === 1) {
if (this.awardIndex === 0) return if (this.awardIndex === 0) return
this.awardIndex-- this.awardIndex--
......
src/components/playGame/Mouse.vue
View file @ f0610e44
...@@ -38,8 +38,8 @@ ...@@ -38,8 +38,8 @@
<div class="star-box"></div> <div class="star-box"></div>
<div class="star-line"></div> <div class="star-line"></div>
<div class="star-title"></div> <div class="star-title"></div>
<div class="game-title" data-text="京鼠闹大年"> <div class="game-title" data-text="瑞鼠迎福">
京鼠闹大年 瑞鼠迎福
</div> </div>
<div class="pig-build"></div> <div class="pig-build"></div>
<div class="ribbon-flag"></div> <div class="ribbon-flag"></div>
......
src/router/index.js
View file @ f0610e44
...@@ -7,9 +7,10 @@ import Money from '@/components/playGame/Money' ...@@ -7,9 +7,10 @@ import Money from '@/components/playGame/Money'
import LuckDraw from '@/components/playGame/LuckDraw' import LuckDraw from '@/components/playGame/LuckDraw'
import PerformRanking2 from '@/components/PerformRanking2' import PerformRanking2 from '@/components/PerformRanking2'
import Answer from '@/components/playGame/Answer' import Answer from '@/components/playGame/Answer'
import SignIn from '@/components/SignIn'
import PerformRanking from '@/components/PerformRanking' import PerformRanking from '@/components/PerformRanking'
import CountDown from '@/components/CountDown' import CountDown from '@/components/CountDown'
import Leader from '@/components/Leader'
import Awarding from '@/components/Awarding'
Vue.use(Router) Vue.use(Router)
export default new Router({ export default new Router({
routes: [ routes: [
...@@ -61,6 +62,22 @@ export default new Router({ ...@@ -61,6 +62,22 @@ export default new Router({
title: '抽奖', title: '抽奖',
keepAlive: false keepAlive: false
} }
}, {
path: '/Leader',
name: 'Leader',
component: Leader,
meta: {
title: '抽奖',
keepAlive: false
}
},, {
path: '/Awarding',
name: 'Awarding',
component: Awarding,
meta: {
title: '抽奖',
keepAlive: false
}
}, { }, {
path: '/PerformRanking2', path: '/PerformRanking2',
name: 'PerformRanking2', name: 'PerformRanking2',
...@@ -85,14 +102,6 @@ export default new Router({ ...@@ -85,14 +102,6 @@ export default new Router({
title: '答题', title: '答题',
keepAlive: false keepAlive: false
} }
}, {
path: '/SignIn',
name: 'SignIn',
component: SignIn,
meta: {
title: '签到',
keepAlive: false
}
} }
// { // {
// path: '/PerformRanking/:id', // path: '/PerformRanking/:id',
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment