1

src/assets/css/bierede.css

@@ -19,7 +19,8 @@
 	background-position: top left;
 	top: 0;
 	left: 0;
-	position: absolute
+    position: absolute;
+    animation: yunmove 10s infinite linear;
 }
 
 .container .bg-ani-box {
@@ -37,7 +38,8 @@
 	background-position: left;
 	top: 0;
 	left: 0;
-	position: absolute
+    position: absolute;
+    animation: yunmove 10s infinite linear;
 }
 
 .container .bg {
@@ -104,7 +106,8 @@
 	height: 300px;
 	z-index: 10;
 	background-repeat: repeat-x;
-	background-position: bottom left
+    background-position: bottom left;
+    animation: yunmove 10s infinite linear;
 }
 
 .container .countdown {
@@ -801,4 +804,11 @@
 		opacity: 1;
 		background-image: url(/static/image/dalaoshu/z20.png)
 	}
+}
+@keyframes yunmove {
+    from { transform: translate(0, 0px) }
+    to {
+        transform: translate(-2800px, 0px);
+        transition: all 0.6s;
+    }
 }
\ No newline at end of file

src/components/playGame/Mouse.vue

 <template>
   <div>
-    <div class="box-size container" style=""> 
+    <div class="box-size container" v-show="showReady"> 
       <!--  紫色背景遮罩层  --> 
       <div class="box-size bg_01" style="width: 6000px; background-image: url(/static/image/dalaoshu/zise.png); transform: translate(-884px, 0px);"></div> 
       <!--  头部云  --> 
@@ -72,22 +72,29 @@
       </div> 
       <div class="cover-container" style=""> 
         <div class="winner-topBs">
-        <img src="//cdn.gohudong.com/Public/Hudong/Enterprise/Pc/assets/new-back-topbs.png" />
+          <img src="/static/image/dalaoshu/new-back-topbs.png" />
         </div> 
         <div class="cover-box"> 
-        <!--1--> 
-        <div class="star-box"></div> 
-        <!--2--> 
-        <div class="star-line"></div> 
-        <div class="star-title"></div> 
-        <div class="game-title" data-text="京鼠闹大年">
-          京鼠闹大年
-        </div> 
-        <div class="pig-build"></div> 
-        <div class="ribbon-flag"></div> 
-        <div class="ribbon-flag-title"></div> 
+          <div class="star-box"></div> 
+          <div class="star-line"></div> 
+          <div class="star-title"></div> 
+          <div class="game-title" data-text="京鼠闹大年">
+            京鼠闹大年
+          </div> 
+          <div class="pig-build"></div> 
+          <div class="ribbon-flag"></div> 
+          <div class="ribbon-flag-title"></div> 
         </div> 
       </div> 
+      <!-- 按钮 -->
+      <div class="hd-game-btn-container">
+          <div class="hd-game-btn" @click="getReady()">
+              <i class="iconfont icon-go"></i>
+              <span>准备</span>
+          </div>
+      </div>
+    </div>
+    <div v-show="!showReady">
       
     </div>
   </div>
@@ -98,11 +105,19 @@ export default {
   name: 'Mouse',
   data () {
     return {
-      msg: '瑞鼠迎福'
+      showReady: true
     }
   },
   activated () {
     
+  },
+  mounted () {
+    
+  },
+  methods: {
+    getReady: function (){
+
+    }
   }
 }
 </script>