隐藏头部bug

components/common/header/index.vue

 <template>
-  <div class="header">
+  <div :class="{ hide: hideHeader }" class="header">
     <div class="left-block">
       <img class="left-block-bg1" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/Pattern.png" alt="">
       <img src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/logo.png" alt="" class="logo">
@@ -93,6 +93,7 @@ export default {
     ...mapState([
       'userInfo',
       'device',
+      'hideHeader',
     ]),
   },
   created() {
@@ -179,6 +180,10 @@ export default {
   height: 80px;
   position: relative;
   z-index: 100;
+  &.hide {
+    height: 0px;
+    overflow: hidden;
+  }
 }
 .left-block {
   position: absolute;

pages/index.vue

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

pages/index/game/components/keyboard.vue

 <template>
-  <div>
+  <div class="block">
     <div v-if="!is_mobile" class="option-block">
       <div class="left-option">
         <img v-audio src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/creditIn.png" alt="" class="credit-in btn" @click="creditInShow = true">
@@ -432,6 +432,11 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.block {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+}
 .option-block {
   position: absolute;
   bottom: 0;
@@ -708,6 +713,7 @@ export default {
   bottom: 0;
   left: 0;
   right: 0;
+  z-index: 100;
   > .bg {
     position: absolute;
     bottom: 0;