节目投票

src/App.vue

@@ -132,7 +132,7 @@ export default {
       $this.$PROXY.invoke("SendBarrage", '0.0 让我康康是谁在说我坏话？').done(msg => {
         console.log(msg)
       });
-      $this.$PROXY.invoke("UserVoteProgarm", 1951).done(msg => {
+      $this.$PROXY.invoke("UserVoteProgarm", 1755).done(msg => {
         console.log('我投票了！！！！！')
       });
       $this.$PROXY.invoke("JoinGame", 'Mouse').done(msg => {

src/assets/css/PerformRanking.css

@@ -95,7 +95,7 @@
   }
   .Program-bg .tit-box{
     left: 0;
-    top: 0;
+    top: 10rem;
     position: absolute;
     width: 100%;
     padding-top: 2rem;
@@ -115,4 +115,10 @@
     background: url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1577780802950&di=733dcaea6f38f06339d495d4e3cbb644&imgtype=0&src=http%3A%2F%2Fsource.upupoo.com%2Ftheme%2F784575347%2FpreviewFix.jpg);
     background-repeat: no-repeat;
     background-size: 100% 100%;
+  }
+  .PingFangR{
+    font-family: 'PingFangR';
+  }
+  .Program-bg .tit-box .tit span{
+    font-size: 10rem;
   }
\ No newline at end of file

src/components/PerformRanking.vue

@@ -13,10 +13,10 @@
       </template>
       <img class="logo" src="/static/image/jiemu/logo.png" alt="">
       <div class="tit-box">
-        <p class="tit yinxiang2020">
+        <p class="tit PingFangR">
           <span v-for="(item, index) in dataObj.Name" :key="index">{{item}}</span>
         </p>
-        <p class="tit yinxiang2020">
+        <p class="tit PingFangR">
           <span v-for="(item, index) in dataObj.pp" :key="index">{{item}}</span>
         </p>
       </div>
@@ -116,7 +116,9 @@ export default {
     ResetTP: function () {
       let $this = this
       $this.tpStart = false
-      $this.$PROXY.invoke("ResetProgarmVote", $this.dataObj.Id).done(m=>{})
+      $this.$PROXY.invoke("ResetProgarmVote", $this.dataObj.Id).done(m=>{
+        console.log('重置投票！！！！！！')
+      })
     },
     // 开始投票
     StartTP: function () {

src/components/playGame/LuckDraw.vue

 <template>
-  <div>
-    <div>{{msg}}</div>
+  <div class="LuckDraw">
+    <div class="mv-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/cjbj1.mp4" autoplay="autoplay" muted="muted" loop="loop" ref="homeBGvideo"></video>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -9,14 +13,43 @@ export default {
   name: 'LuckDraw',
   data () {
     return {
-      msg: '抽奖'
+      initSize: {
+        width: 1813,
+        height: 1020
+      },
+      videInfo: {
+        width: 1813,
+        height: 1020,
+        offsetX: 0,
+        offsetY: 0,
+        transformScale1: 0,
+        transformScale2: 0
+      }
     }
   },
-  activated () {
-    this.msg = new Date() + '呵呵'
+  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>
+<style scoped>
+@import "../../assets/css/LuckDraw.css";
 </style>

src/components/playGame/Mouse.vue

@@ -242,6 +242,7 @@ export default {
   mounted () {
     let $this = this
     this.initData()
+    // 监听游戏状态
     $this.$PROXY.on("getChangeMenu", data => {
       console.log(data.status)
       if (data.status === 1) {