add: 对不支持的IE版本进行友好提示

Wizzercn · Dec 6, 2018 · 22d50c3 · 22d50c3
1 parent 9a9dbe3
commit 22d50c3
Show file tree

Hide file tree

Showing 2 changed files with 55 additions and 0 deletions.
diff --git a/wk-app/wk-nb-web-vue/src/main/resources/static/assets/platform/css/common.css b/wk-app/wk-nb-web-vue/src/main/resources/static/assets/platform/css/common.css
@@ -1,3 +1,43 @@
 [v-cloak] {
     display: none
+}
+
+.ie-must-go-die {
+    position: fixed;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+}
+
+.ie-must-go-die .ie-container {
+    position: absolute;
+    top: 40%;
+    left: 33%;
+    text-align: center;
+    color: #000;
+}
+
+.ie-must-go-die .ie-container h1 {
+    font-size: 28px;
+    margin-bottom: 36px;
+}
+
+.ie-must-go-die .ie-container p {
+    font-size: 16px;
+    line-height: 24px;
+    margin-bottom: 16px;
+}
+
+.ie-must-go-die .ie-container a {
+    display: block;
+    color: inherit;
+}
+
+.ie-must-go-die .ie-container a:hover {
+    text-decoration: underline;
+}
+
+.ie-must-go-die .ie-container a:visited {
+    color: inherit;
 }
diff --git a/wk-app/wk-nb-web-vue/src/main/resources/views/platform/sys/login.html b/wk-app/wk-nb-web-vue/src/main/resources/views/platform/sys/login.html
@@ -12,6 +12,21 @@
     <link rel="stylesheet" href="${base!}/assets/platform/css/common.css">
 </head>
 <body>
+<!--[if lt IE 9]>
+<div class="ie-must-go-die">
+    <div class="ie-container">
+        <h1>
+            您正在IE的世界中
+        </h1>
+        <p>
+            本系统不支持IE9以下版本浏览器访问。
+        </p>
+        <a href="https://browsehappy.com" target="_blank">
+            您可以点击此处，下载Chrome/Firefox后再次访问本页面。
+        </a>
+    </div>
+</div>
+<![endif]-->
 <div id="app" v-cloak>
     <div class="login-container">