feat: empty

src/ui/BuildDeck/index.module.scss

@@ -116,6 +116,7 @@
 }
 
 .search-cards-container {
+  height: 100%;
   .search-cards {
     --card-width: 80px;
     display: grid;
@@ -128,3 +129,13 @@
 .search-count {
   font-size: 11px;
 }
+
+.empty {
+  gap: 20px;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}

src/ui/BuildDeck/index.tsx

@@ -15,16 +15,21 @@ import {
   Space,
   type ThemeConfig,
 } from "antd";
-import classNames from "classnames";
 import { memo, useEffect, useState } from "react";
 import { LoaderFunction } from "react-router-dom";
 import { v4 as v4uuid } from "uuid";
 import { useSnapshot } from "valtio";
 import { subscribeKey } from "valtio/utils";
 
-import { type CardMeta, fetchCard, searchCards } from "@/api";
+import { type CardMeta, searchCards } from "@/api";
 import { deckStore, type IDeck, initStore } from "@/stores";
-import { Background, Loading, ScrollableArea, YgoCard } from "@/ui/Shared";
+import {
+  Background,
+  IconFont,
+  Loading,
+  ScrollableArea,
+  YgoCard,
+} from "@/ui/Shared";
 
 import { CardDetail } from "./CardDetail";
 import { DeckSelect } from "./DeckSelect";
@@ -202,7 +207,14 @@ const CardSelect: React.FC = () => {
         </Button>
       </div>
       <ScrollableArea className={styles["search-cards-container"]}>
+        {searchResult.length ? (
           <SearchResults results={searchResult} />
+        ) : (
+          <div className={styles.empty}>
+            <IconFont type="icon-empty" size={40} />
+            <div>无搜索结果</div>
+          </div>
+        )}
       </ScrollableArea>
     </div>
   );

src/ui/Shared/IconFont/index.tsx

 import { createFromIconfontCN } from "@ant-design/icons";
 
 const _IconFont = createFromIconfontCN({
-  scriptUrl: ["//at.alicdn.com/t/c/font_4188978_kvwn9bcpnx.js"],
+  scriptUrl: ["//at.alicdn.com/t/c/font_4188978_m65y344sn8h.js"],
 });
 
 export const IconFont: React.FC<{