键盘收起

layouts/default.vue

@@ -148,6 +148,7 @@ export default {
     width: 1080px;
     height: 608px;
     position: relative;
+    overflow: hidden;
     &.margin {
       margin-left: auto;
       margin-right: auto;

pages/index.vue

 <template>
   <div class="main-layout">
-    <Header/>
+    <Header v-if="!hideHeader"/>
     <div class="main-content">
       <nuxt-child
       />
@@ -35,6 +35,7 @@ export default {
       'relist',
       'userInfo',
       'imToken',
+      'hideHeader',
     ]),
   },
   watch: {

pages/index/game/index.vue

 <template>
   <div>
     <Background/>
-    <div class="player">
+    <div :class="{is_mobile: is_mobile, 'hide-header': hideHeader, }" class="player">
       <div class="live-play">
         <div class="asset-number">EGM:{{ device ? device.assetNumber : '' }}</div>
         <img src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/pic_02.png" alt="" class="bg">
@@ -51,6 +51,7 @@ export default {
     ...mapState([
       'userInfo',
       'deviceList',
+      'hideHeader',
     ]),
     ...mapGetters([
       'is_mobile',
@@ -260,6 +261,27 @@ export default {
   .right-player {
     margin-left: 30px;
   }
+
+  &.is_mobile {
+    .live-play {
+      width: 660px;
+      height: 428px;
+    }
+    .right-player {
+      /* display: none; */
+    }
+  }
+
+  &.hide-header {
+    left: 168px;
+    .live-play {
+      width: 750px;
+      height: 500px;
+    }
+    .right-player {
+      display: none;
+    }
+  }
 }
 
 // 音量控制

pages/loading/data/images.json

@@ -79,5 +79,16 @@
   "https://kuawai.s3.ap-east-1.amazonaws.com/resource…s/second/Bottom%20Bar%20Background%20copy%203.png",
   "https://kuawai.s3.ap-east-1.amazonaws.com/resource…s/second/Bottom%20Bar%20Background%20copy%202.png",
   "https://kuawai.s3.ap-east-1.amazonaws.com/temp/game/player2.png",
-  "https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/Rounded%20Rectangle%201131.png"
+  "https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/Rounded%20Rectangle%201131.png",
+  "https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/Bonus02.png",
+  "https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/bottomBar.png",
+  "https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/middleBar.png",
+  "https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/topArrow.png",
+  "https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/topBar.png",
+  "https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/downArrow.png",
+  "https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/upTip.png",
+  "https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/downTip.png",
+  "https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/Maximize.png",
+  "https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/Exit%20Button-1.png",
+  "https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/spin.png"
 ]

store/index.js

@@ -43,6 +43,7 @@ export const state = () => ({
     img_domain: '', // 图片名称
   }, // app配置
   dictionary: {}, // 数据字典
+  hideHeader: false, // 是否隐藏layout的header
   ossConfig: {
     access_key: '',
     secret: '',
@@ -182,6 +183,10 @@ export const mutations = {
     // console.log('SetInnerHeight', data)
     state.innerHeight = data
   },
+  SetHideHeader(state, data) {
+    // console.log('SetInnerHeight', data)
+    state.hideHeader = data
+  },
 }
 
 export const actions = {