移动端兼容

layouts/default.vue

@@ -10,6 +10,7 @@
 
 <script>
 import { mapActions, mapMutations } from 'vuex'
+import { deviceType } from '@/utils/device-type'
 import Audio from '@/components/common/audio/index'
 export default {
   components: {
@@ -59,14 +60,16 @@ export default {
     ]),
     initSceen() {
       const { innerWidth, } = window
+      const isMobile = deviceType(navigator.userAgent)
       if (process.env.NODE_ENV === 'development') {
         // return
       }
-      if (innerWidth > 750) {
+      if (innerWidth < 750 || isMobile) {
+        this.initMobileSceen()
+        this.isMoblie = true
+      } else {
         this.initPcSceen()
         this.isMoblie = false
-      } else {
-        this.initMobileSceen()
       }
     },
     // 初始化pc屏幕

utils/device-type.js

+/**
+ *
+ * @param {*} UA ,就是userAgent
+ * @returns  type: 设备类型
+ *           env: 访问环境(微信/微博/qq)
+ */
+
+function isMoible(UA) {
+  return !!/(Android|webOS|iPhone|iPod|tablet|BlackBerry|Mobile)/i.test(UA)
+}
+
+export function deviceType(UA) {
+  if (isMoible(UA)) {
+    return true
+  } else {
+    return false
+  }
+}