فهرست منبع

PC阻止访问

zhouna 3 سال پیش
والد
کامیت
995ca25e31
1فایلهای تغییر یافته به همراه17 افزوده شده و 1 حذف شده
  1. 17 1
      src/App.vue

+ 17 - 1
src/App.vue

@@ -1,5 +1,7 @@
 <template>
-    <div id="app">
+  <div>
+    <p class="pc-enter" v-if="!isMobile">请在手机端访问</p>
+    <div v-else id="app">
         <router-view/>
         <portal-target name="notification-outlet"></portal-target>
         <portal-target name="notification-detail"></portal-target>
@@ -7,11 +9,20 @@
         <portal-target name="notification-usual"></portal-target>
         <portal-target name="notification-head"></portal-target>
     </div>
+  </div>
 </template>
 <script>
   export default {
     name:'App',
+    data:()=>{
+      return{
+        isMobile:/(iPhone|iPad|iPod|iOS|Android|SymbianOS|Windows Phone)/i.test(navigator.appVersion),
+      }
+    },
     mounted(){
+      if(!this.isMobile){
+        return;
+      }
       (/iphone|ipod|ipad/i.test(navigator.appVersion)) && document.addEventListener('blur', (e) => {
         // 这里加了个类型判断,因为a等元素也会触发blur事件
         if(['input', 'textarea'].includes(e.target.localName)) {
@@ -28,6 +39,11 @@
 </script>
 <style lang="less">
   @import "./less/index.less";
+  .pc-enter{
+    margin: 20px 0 0;
+    text-align: center;
+    font-size: 14px;
+  }
 </style>