[+] Scanning icon

web/src/App.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+  import Icon from "@iconify/svelte";
   import { post } from "./sdk";
   import { slide } from "svelte/transition";
 
@@ -107,7 +108,13 @@
     </div>
     <button on:click={addCard}>添加</button>
     {#if nfcAvail}
-      <button on:click={startNFCScan}>NFC 扫描</button>
+      <button on:click={startNFCScan}>
+        {#if nfcScanning}
+          <Icon icon="line-md:loading-twotone-loop" /> NFC 扫描中... 
+        {:else}
+          NFC 扫描
+        {/if}
+      </button>
     {/if}
   </div>
 </main>

web/src/app.sass

@@ -50,6 +50,11 @@ button
   cursor: pointer
   transition: border-color 0.25s
   
+  display: flex
+  align-items: center
+  justify-content: center
+  gap: 0.5rem
+
 button:hover 
   border-color: #646cff
 
@@ -57,6 +62,9 @@ button:focus,
 button:focus-visible 
   outline: 4px auto -webkit-focus-ring-color
 
+svg.iconify
+  display: inline-block
+
 // Expand and shrink (breathing) animation when clicked
 //@keyframes breathing
 //  0%