Selaa lähdekoodia

fix: some bug

xiaoxian521 3 vuotta sitten
vanhempi
commit
a4d305868f

+ 2 - 1
.eslintrc.js

@@ -22,6 +22,7 @@ module.exports = {
   },
   rules: {
     "@typescript-eslint/no-explicit-any": "off", // any
+    "no-debugger": "off",
     "@typescript-eslint/explicit-module-boundary-types": "off", // setup()
     "@typescript-eslint/ban-types": "off",
     "@typescript-eslint/ban-ts-comment": "off",
@@ -42,4 +43,4 @@ module.exports = {
       }
     ]
   }
-};
+}

+ 41 - 1
index.html

@@ -33,11 +33,19 @@
         }
 
         p {
-          font-size: 12vw;
+          font-size: 8vw;
           overflow: hidden;
           -webkit-text-stroke: 3px #7272a5;
         }
 
+        span {
+          display: block;
+          font-size: 20px;
+          overflow: hidden;
+          color: green;
+          text-align: center;
+        }
+
         p::before {
           content: " ";
           width: 100%;
@@ -70,8 +78,40 @@
       </style>
       <div class="g-container">
         <p>Pure-Admin</p>
+        <span class="_develop"></span>
       </div>
     </div>
+    <script>
+      window.onload = function () {
+        (function () {
+          const ua = navigator.userAgent.toLowerCase();
+          const re = /(msie|firefox|chrome|opera|version).*?([\d.]+)/;
+          const m = ua.match(re);
+          const Sys = {
+            browser: m[1].replace(/version/, "'safari"),
+            version: m[2]
+          };
+
+          const browser = Array.of("chrome", "firefox").includes(Sys.browser);
+          const version = parseFloat(Sys.version);
+
+          const el = document.querySelector("._develop");
+
+          if (browser && version >= 90) {
+            let success =
+              document.createTextNode("当前浏览器版本很适合开发!!! 😃");
+            el.appendChild(success);
+          } else {
+            let warn = document.createTextNode(
+              "当前浏览器版本不适合开发,建议使用最新版本的谷歌或者火狐浏览器!!!😯"
+            );
+            el.appendChild(warn);
+            el.style.color = "red";
+          }
+          return Sys;
+        })();
+      };
+    </script>
     <script type="module" src="/src/main.ts"></script>
   </body>
 </html>

+ 1 - 1
src/main.ts

@@ -6,7 +6,7 @@ import { setupStore } from "/@/store";
 import { useElementPlus } from "../src/plugins/element-plus";
 import { useTable } from "../src/plugins/vxe-table";
 import { usI18n } from "../src/plugins/i18n";
-import "element-plus/dist/index.css";
+
 // 导入公共样式
 import "./style/index.scss";
 // 导入字体图标

+ 1 - 0
src/plugins/element-plus/index.ts

@@ -32,6 +32,7 @@ import {
   ElRadioButton,
   ElRadioGroup
 } from "element-plus";
+import "element-plus/dist/index.css";
 
 const components = [
   ElAffix,

+ 6 - 3
src/router/index.ts

@@ -120,13 +120,12 @@ export function resetRouter() {
 
 import NProgress from "../utils/progress";
 
-// const whiteList = ["/login", "/register"];
+const whiteList = ["/login", "/register"];
 
 router.beforeEach((to, _from, next) => {
   const name = storageSession.getItem("info");
   NProgress.start();
   const { t } = i18n.global;
-  // @ts-ignore
   to.meta.title ? (document.title = t(to.meta.title)) : ""; // 动态title
   if (name) {
     if (_from?.name) {
@@ -140,7 +139,11 @@ router.beforeEach((to, _from, next) => {
     }
   } else {
     if (to.path !== "/login") {
-      next({ path: "/login" });
+      if (whiteList.indexOf(to.path) !== -1) {
+        next();
+      } else {
+        next({ path: "/login" });
+      }
     } else {
       next();
     }

+ 0 - 14
src/router/modules/remaining.ts

@@ -21,20 +21,6 @@ const remainingRouter = [
       rank: 102
     }
   },
-  // {
-  //   // 找不到路由重定向到404页面
-  //   path: "/:pathMatch(.*)",
-  //   name: "pathMatch",
-  //   component: Layout,
-  //   redirect: "/error/404",
-  //   meta: {
-  //     icon: "el-icon-s-home",
-  //     title: "message.hshome",
-  //     showLink: false,
-  //     savedPosition: false,
-  //     rank: 103,
-  //   },
-  // },
   {
     path: "/redirect",
     name: "redirect",

+ 18 - 0
src/utils/deviceDetection/index.ts

@@ -2,6 +2,11 @@ interface deviceInter {
   match: Fn;
 }
 
+interface BrowserInter {
+  browser: string;
+  version: string;
+}
+
 // 检测设备类型(手机返回true,反之)
 export const deviceDetection = () => {
   const sUserAgent: deviceInter = navigator.userAgent.toLowerCase();
@@ -17,3 +22,16 @@ export const deviceDetection = () => {
     bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM
   );
 };
+
+// 获取浏览器型号以及版本
+export const getBrowserInfo = () => {
+  const ua = navigator.userAgent.toLowerCase();
+  const re = /(msie|firefox|chrome|opera|version).*?([\d.]+)/;
+  const m = ua.match(re);
+  const Sys: BrowserInter = {
+    browser: m[1].replace(/version/, "'safari"),
+    version: m[2]
+  };
+
+  return Sys;
+};