feat: 增加字体图标

src/app/[locale]/page.tsx

@@ -10,7 +10,10 @@ const App: FC<LocalPropsWithChildren> = (props) => {
     const t = useTranslations("global");
     return (
         <Layout>
-            <div>this page</div>
+            <div>
+                this page
+                <div className="iconfont icon-zuqiu2"></div>
+            </div>
         </Layout>
     );
 };

src/app/[locale]/providers.tsx

@@ -1,6 +1,6 @@
 "use client";
 import { useRouter } from "@/i18n";
-import { setHtmlFontSize } from "@/utils/index";
+import { setHtmlFontSize } from "@/utils";
 import { NextUIProvider } from "@nextui-org/system";
 import { ThemeProvider } from "next-themes";
 import { ThemeProviderProps } from "next-themes/dist/types";

src/app/globals.css

@@ -1,7 +1,7 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-
+@import "@/styles/iconfont/iconfont.css";
 html, body {
     width: 100vw;
     height: auto;

src/components/Footer/index.tsx

@@ -1,3 +1,5 @@
+"use client";
+import { useRouter } from "@/i18n";
 import clsx from "clsx";
 import { FC, PropsWithChildren, ReactNode } from "react";
 import styles from "./style.module.scss";
@@ -5,11 +7,15 @@ export interface FooterProps {
     footerPlaceholder?: boolean;
     footerRender?: () => ReactNode;
 }
+
 const Footer: FC<PropsWithChildren<FooterProps>> = (props) => {
     const { footerPlaceholder = true, footerRender } = props;
     const cs = clsx({
         [styles.placeholder]: footerPlaceholder,
     });
+
+    const router = useRouter();
+
     return (
         <div className={cs}>
             <div className={styles.footerWrap}>

src/styles/iconfont/iconfont.css

@@ -0,0 +1,451 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 4617618 */
+  src: url('./iconfont.woff2?t=1721287881311') format('woff2'),
+       url('./iconfont.woff?t=1721287881311') format('woff'),
+       url('./iconfont.ttf?t=1721287881311') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-zuqiu2:before {
+  content: "\e618";
+}
+
+.icon-star_full:before {
+  content: "\e62c";
+}
+
+.icon-jilu1:before {
+  content: "\e63a";
+}
+
+.icon-gantanhao1:before {
+  content: "\e674";
+}
+
+.icon-gantanhao:before {
+  content: "\e673";
+}
+
+.icon-qiehuan:before {
+  content: "\e647";
+}
+
+.icon-zhankai:before {
+  content: "\e62d";
+}
+
+.icon-shipin1:before {
+  content: "\e672";
+}
+
+.icon-yincangshipin:before {
+  content: "\e671";
+}
+
+.icon-up-copy:before {
+  content: "\e605";
+}
+
+.icon-shipin:before {
+  content: "\e616";
+}
+
+.icon-yonghu:before {
+  content: "\e660";
+}
+
+.icon-meiyoushuju:before {
+  content: "\e644";
+}
+
+.icon-liwuhuodong:before {
+  content: "\e604";
+}
+
+.icon-xiala1:before {
+  content: "\e62a";
+}
+
+.icon-wenhao:before {
+  content: "\e6c9";
+}
+
+.icon-xianshikejian:before {
+  content: "\e8d4";
+}
+
+.icon-mianfei:before {
+  content: "\e670";
+}
+
+.icon-qiandai:before {
+  content: "\e66f";
+}
+
+.icon-zhuanjiangjin:before {
+  content: "\e642";
+}
+
+.icon-13:before {
+  content: "\e60f";
+}
+
+.icon-rili:before {
+  content: "\e66e";
+}
+
+.icon-qianbao:before {
+  content: "\e610";
+}
+
+.icon-tuite:before {
+  content: "\e6f0";
+}
+
+.icon-fuzhi:before {
+  content: "\e64f";
+}
+
+.icon-xiangyou2:before {
+  content: "\e614";
+}
+
+.icon-igw-f-copy:before {
+  content: "\e638";
+}
+
+.icon-fenxiang1:before {
+  content: "\e624";
+}
+
+.icon-tishi:before {
+  content: "\e87f";
+}
+
+.icon-whatsapp:before {
+  content: "\ea07";
+}
+
+.icon-facebook:before {
+  content: "\ea0c";
+}
+
+.icon-dengpaobeifen:before {
+  content: "\e612";
+}
+
+.icon-bangzhu:before {
+  content: "\e602";
+}
+
+.icon-zhuanpanshezhi:before {
+  content: "\e66d";
+}
+
+.icon-xiangyou1:before {
+  content: "\e60c";
+}
+
+.icon-cs-xs-1:before {
+  content: "\e63e";
+}
+
+.icon-duanxinguanli:before {
+  content: "\e60d";
+}
+
+.icon-fenxiang:before {
+  content: "\e61b";
+}
+
+.icon-Upxiangshang30:before {
+  content: "\e6e2";
+}
+
+.icon-guanjun:before {
+  content: "\e887";
+}
+
+.icon-moxige:before {
+  content: "\e603";
+}
+
+.icon-zh_cn:before {
+  content: "\e639";
+}
+
+.icon-yinni:before {
+  content: "\e683";
+}
+
+.icon-guanbi:before {
+  content: "\e695";
+}
+
+.icon-yundongzuqiu:before {
+  content: "\e62b";
+}
+
+.icon-yuyin:before {
+  content: "\e601";
+}
+
+.icon-yingyong:before {
+  content: "\e600";
+}
+
+.icon--guoji:before {
+  content: "\e8ab";
+}
+
+.icon-shuju:before {
+  content: "\e65f";
+}
+
+.icon-lishijilu:before {
+  content: "\e687";
+}
+
+.icon-paiqiu:before {
+  content: "\e60a";
+}
+
+.icon-jiangbei:before {
+  content: "\e872";
+}
+
+.icon-jilu:before {
+  content: "\e60b";
+}
+
+.icon-zuqiu1:before {
+  content: "\e686";
+}
+
+.icon-yingguo:before {
+  content: "\e66a";
+}
+
+.icon-xibanya:before {
+  content: "\e66b";
+}
+
+.icon-xiangyou:before {
+  content: "\e625";
+}
+
+.icon-qiuyi:before {
+  content: "\e6ed";
+}
+
+.icon-shujucanmou:before {
+  content: "\e87e";
+}
+
+.icon-kongbairili:before {
+  content: "\e629";
+}
+
+.icon-yincangmima:before {
+  content: "\e622";
+}
+
+.icon-choujiang:before {
+  content: "\e64a";
+}
+
+.icon-xianshimima:before {
+  content: "\e6dd";
+}
+
+.icon-shouye1:before {
+  content: "\e619";
+}
+
+.icon-mima:before {
+  content: "\e659";
+}
+
+.icon-24gf-thumbsUp:before {
+  content: "\eb33";
+}
+
+.icon-tuandui:before {
+  content: "\e611";
+}
+
+.icon-sousuo1:before {
+  content: "\e635";
+}
+
+.icon-wujiaoxing:before {
+  content: "\e637";
+}
+
+.icon-shouye2:before {
+  content: "\e6d8";
+}
+
+.icon-fuzhiwendang:before {
+  content: "\e627";
+}
+
+.icon-yanzhengma-mianxing:before {
+  content: "\e685";
+}
+
+.icon-bofang-fang-F:before {
+  content: "\e63d";
+}
+
+.icon-a-18:before {
+  content: "\e669";
+}
+
+.icon-xiangzuo1:before {
+  content: "\e653";
+}
+
+.icon-kefu:before {
+  content: "\e668";
+}
+
+.icon-hot-:before {
+  content: "\e6bf";
+}
+
+.icon-Photo:before {
+  content: "\e86b";
+}
+
+.icon-icon-shenpiliu-yucunkuan:before {
+  content: "\e665";
+}
+
+.icon-shouye:before {
+  content: "\e658";
+}
+
+.icon-xiangshang:before {
+  content: "\e613";
+}
+
+.icon-header-18:before {
+  content: "\e649";
+}
+
+.icon-cunkuan:before {
+  content: "\e643";
+}
+
+.icon-shoucang:before {
+  content: "\e8f9";
+}
+
+.icon-icons_video:before {
+  content: "\e636";
+}
+
+.icon-feiji:before {
+  content: "\e628";
+}
+
+.icon-7:before {
+  content: "\e606";
+}
+
+.icon-shexiangji:before {
+  content: "\e60e";
+}
+
+.icon-lianxiwomen:before {
+  content: "\e661";
+}
+
+.icon-douyin:before {
+  content: "\e8db";
+}
+
+.icon-mofang:before {
+  content: "\e617";
+}
+
+.icon-yulechangsuo-youxiyouyi:before {
+  content: "\e7de";
+}
+
+.icon-15:before {
+  content: "\e626";
+}
+
+.icon-huobao:before {
+  content: "\e667";
+}
+
+.icon-yewutuijian:before {
+  content: "\e621";
+}
+
+.icon-ziyuanjrit:before {
+  content: "\e632";
+}
+
+.icon-qita-:before {
+  content: "\e63c";
+}
+
+.icon-huo:before {
+  content: "\e66c";
+}
+
+.icon-PG:before {
+  content: "\e623";
+}
+
+.icon-xiala:before {
+  content: "\e607";
+}
+
+.icon-zuqiu:before {
+  content: "\e615";
+}
+
+.icon-liwulipinjiangpin:before {
+  content: "\e7b6";
+}
+
+.icon-yunzhibo:before {
+  content: "\e633";
+}
+
+.icon-zuopinchuangzuo:before {
+  content: "\e634";
+}
+
+.icon-laba:before {
+  content: "\e6ac";
+}
+
+.icon-xiangzuo:before {
+  content: "\e608";
+}
+
+.icon-sousuo:before {
+  content: "\e664";
+}
+
+.icon-baxi:before {
+  content: "\e609";
+}
+
+.icon-gengduo:before {
+  content: "\e663";
+}
+