Browse Source

feat:移动端打开官网自动切换到移动端demo

richard1015 6 years ago
parent
commit
380dacc829
2 changed files with 12 additions and 1 deletions
  1. 5 1
      sites/doc/app.js
  2. 7 0
      sites/doc/asset/js/utils.js

+ 5 - 1
sites/doc/app.js

@@ -5,13 +5,17 @@ import App from './App.vue'
 import router from './router';
 import copy from 'clipboard';
 import backtop from './compents/backtop/backtop.js';
-import  './compents/backtop/backtop.css';
+import './compents/backtop/backtop.css';
 backtop.install(Vue);
 import 'highlight.js/styles/github.css';
 import VueStickto from './compents/vue-stickto/VueStickto.js';
 Vue.use(VueStickto)
 import codes from 'qrcode';
+import { isMobile } from './asset/js/utils.js';
 
+if (isMobile) {
+  location.replace('demo.html' + location.hash);
+}
 
 Vue.prototype.copy = copy;
 Vue.prototype.qrcode = codes;

+ 7 - 0
sites/doc/asset/js/utils.js

@@ -0,0 +1,7 @@
+
+const ua = navigator.userAgent.toLowerCase();
+const isMobile = /ios|iphone|ipod|ipad|android/.test(ua);
+
+export {
+    isMobile
+}