bug

components/common/header/index.vue

@@ -180,6 +180,7 @@ export default {
   height: 80px;
   position: relative;
   z-index: 100;
+  // 隐藏头部会有诡异bug，先这样处理
   &.hide {
     height: 1px;
     overflow: hidden;

layouts/default.vue

@@ -32,12 +32,15 @@ export default {
       const { zoom, isMoblie, marginSceen, top, } = this
       style.zoom = zoom
 
+      // 移动端旋转效果
       if (isMoblie) {
         if (!marginSceen) {
           style.transform = `rotate(90deg) scale(1.72)`
         } else {
-          style.transformOrigin = `0px 0px 0px`
-          style.transform = `matrix(0, 1, -1, 0, ${608 + top}, 0)`
+          // style.transformOrigin = `0px 0px 0px`
+          // style.transform = `matrix(0, 0, 0, 0, 0, 0)`
+          // style.transform = `matrix(0, 1, -1, 0, ${608 + top}, 0)`
+          style.transform = `matrix(0, -1, 1, 0, ${top - 244}, 236)`
         }
       }
       return style
@@ -45,7 +48,6 @@ export default {
   },
   created() {
     // this.GetConfig()
-    this.initSceen()
     window.onresize = () => {
       this.initSceen()
     }
@@ -61,6 +63,11 @@ export default {
     }, false)
     this.visibilitychange() // 监听页面是否进入后台
   },
+  mounted() {
+    this.$nextTick(() => {
+      this.initSceen()
+    })
+  },
   methods: {
     ...mapActions({
       GetConfig: 'GetConfig',

pages/index.vue

@@ -28,6 +28,7 @@ export default {
   data() {
     return {
       imLoginStatus: false,
+      quitLoading: false,
     }
   },
   computed: {
@@ -154,6 +155,10 @@ export default {
           })
         },
         quitGame: () => {
+          if (this.quitLoading) {
+            return
+          }
+          this.quitLoading = true
           const { id } = this.$route.params
           const params = {
             deviceId: id,
@@ -163,6 +168,8 @@ export default {
             method: 'get',
             params,
           }).then(({ data }) => {
+          }).catch(() => {
+            this.quitLoading = false
           })
         },
       }

store/index.js

@@ -60,7 +60,7 @@ export const getters = {
   is_mobile(state) {
     let is_mobile = false
     const { innerWidth, innerHeight, } = state
-    const minWidth = 400
+    const minWidth = 450
     if (innerWidth < minWidth || innerHeight < minWidth) {
       is_mobile = true
     }