feat: 增加长时间加载的提示功能

3 years ago · 1180502520
parent 298af71aa0
commit 1180502520
1 changed files with 21 additions and 1 deletions
--- a/web/assets/template.html
+++ b/web/assets/template.html
@ -28,7 +28,27 @@
  </head>
  <body>
    <div id="app">
-      <img style="display: block;margin: auto;" src="<%= htmlWebpackPlugin.options.preloadImage %>" />
+      <div id="tailchat-loading">
+        <img style="display: block;margin: auto;" src="<%= htmlWebpackPlugin.options.preloadImage %>" />
+      </div>
+
+      <script>
+        setTimeout(() => {
+          const el = document.getElementById('tailchat-loading')
+          if(el) {
+            // 依旧在 loading
+            const tip = document.createElement('div')
+            tip.style.textAlign = 'center';
+            tip.style.fontSize = '18px';
+            tip.style.marginTop = '20px';
+            tip.style.color = 'gray';
+            tip.innerText = navigator.language === 'zh-CN'
+              ? '可能资源加载出现了一些问题，请手动刷新重试一下'
+              : 'There may be some problems with resource loading, please refresh manually and try again'
+            el.appendChild(tip)
+          }
+        }, 10000);
+      </script>
    </div>
  </body>
 </html>