fix:(doc):修改 WebAssembly 的 index.html 的布局

teacher-zhou · teacher-zhou · commit f36aea25280e · 2023-03-13T14:14:07.000+08:00
diff --git a/doc/TDesign.Docs.WebAssembly/wwwroot/app.css b/doc/TDesign.Docs.WebAssembly/wwwroot/app.css
@@ -16,4 +16,5 @@
         scale: var(--blazor-load-percentage, 0%) 100%;
         transform-origin: left top;
         transition: scale ease-out 0.5s;
-    }
+    }
+
diff --git a/doc/TDesign.Docs.WebAssembly/wwwroot/index.html b/doc/TDesign.Docs.WebAssembly/wwwroot/index.html
@@ -13,11 +13,24 @@
     <link rel="shortcut icon" href="favicon.ico" />
 </head>
 
-<body style="background-color: #e9f5f1">
-    <div id="app" style="display:flex;justify-content:center;align-items:center;align-content:center;height:100vh;flex-wrap:wrap">
-        <img src="tdesign-blazor-banner.png" style="display:flex;transform:scale(0.8);width:100%" />
-        <div class="linear-progress"></div>
+<body>
+    <div id="app">
+        <div>
+            <img src="tdesign-blazor-banner.png" style="display:flex;transform:scale(0.5);width:100%;" />
+            <div style="display:flex;justify-content:center">
+                <svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-loading" style="font-size:2rem;display:inline-block;">
+                    <path fill="currentColor" d="M8 1.5a6.5 6.5 0 000 13v-1.63A4.87 4.87 0 1112.88 8h1.62A6.5 6.5 0 008 1.5z" fill-opacity="0.9"></path>
+                </svg>
+                <span style="font-size:1.8rem;display:inline-block;margin-left:8px">
+                    Loading...
+                </span>
+            </div>
+            <div style="margin-top: 150px; display: flex; justify-content: center;color:#666">
+                京ICP备2023000917号-1
+            </div>
+        </div>
     </div>
+    
     <script src="_framework/blazor.webassembly.js"></script>
     <script src="https://lib.baomitu.com/highlight.js/10.7.3/highlight.min.js"></script>
     <script src="_content/TDesign.Docs.Shared/cshtml-razor.min.js"></script>
