doc: 更新文档

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Samples/NetworkMonitors.razor

@@ -10,10 +10,10 @@
            Name="Normal">
     <section ignore>
         <ul class="ul-demo">
-            <li>@Localizer["IndicatorLi1"]</li>
-            <li>@Localizer["IndicatorLi2"]</li>
-            <li>@Localizer["IndicatorLi3"]</li>
-            <li>@Localizer["IndicatorLi4"]</li>
+            <li><div class="demo-indicator demo-indicator-4g"></div> @Localizer["IndicatorLi1"]</li>
+            <li><div class="demo-indicator demo-indicator-3g"></div> @Localizer["IndicatorLi2"]</li>
+            <li><div class="demo-indicator demo-indicator-2g"></div> @Localizer["IndicatorLi3"]</li>
+            <li><div class="demo-indicator demo-indicator-offline"></div> @Localizer["IndicatorLi4"]</li>
         </ul>
     </section>
     <NetworkMonitorIndicator></NetworkMonitorIndicator>

src/BootstrapBlazor.Server/Components/Samples/NetworkMonitors.razor.css

@@ -0,0 +1,29 @@
+.ul-demo {
+    list-style: none;
+    padding-left: 0;
+}
+
+.demo-indicator {
+    cursor: pointer;
+    width: 0.5rem;
+    height: 0.5rem;
+    border-radius: 50%;
+    display: inline-block;
+    margin-inline-end: .5rem;
+}
+
+.demo-indicator-4g {
+    background-color: var(--bs-primary);
+}
+
+.demo-indicator-3g {
+    background-color: var(--bs-warning);
+}
+
+.demo-indicator-2g {
+    background-color: var(--bs-danger);
+}
+
+.demo-indicator-offline {
+    background-color: var(--bs-secondary);
+}

src/BootstrapBlazor/wwwroot/modules/net.js

@@ -1,5 +1,4 @@
-import Data from "./data.js"
-import EventHandler from "./event-handler.js";
+import EventHandler from "./event-handler.js";
 import { registerBootstrapBlazorModule } from './utility.js'
 
 export function init(options) {