chore: Add loading indicator to index.html

2024-08-29 14:29:46 +08:00
parent 25d60c68a9
commit e491219375
2 changed files with 4 additions and 1 deletions
--- a/index.html
+++ b/index.html
@ -13,7 +13,9 @@
  </head>

  <body ontouchstart ontouchend>
-    <div id="app"></div>
+    <div id="app">
+      <div style="display: flex; justify-content: center; align-items: center; height: 100vh">Loading...</div>
+    </div>
    <script type="module" src="/src/main.ts"></script>
    <script src="https://fastly.jsdelivr.net/npm/@vant/touch-emulator/dist/index.min.js"></script>
    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/nprogress/nprogress.css" />
--- a/src/pages/index-page.vue
+++ b/src/pages/index-page.vue
@ -17,6 +17,7 @@ definePage({
 import type { FunctionalComponent } from 'vue';

 // https://cn.vuejs.org/guide/extras/render-function#typing-functional-components
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const FComponent: FunctionalComponent<{ prop: string }> = (props, context) => (
  <>
    <div border="1 solid pink" text="pink">