summary页面icon图标

src/app/[locale]/affiliate/summary/page.css

@@ -577,3 +577,38 @@ ul.rules li {
     list-style: decimal;
     margin-top: .12rem !important;
 }
+.headerBack .iconfont {
+    font-size: .24rem;
+    color: #fff;
+    width: .4rem;
+    cursor: pointer;
+}
+.headerBack .right .icon-shouye1{
+    display: inline-block;
+    font-size: .24rem;
+    color: #fff;
+}
+.summary .content .title .icon-wenhao {
+    font-size: .14rem;
+    color: #40dba9;
+    margin-left: .04rem;
+    cursor: pointer;
+}
+.summary .content .cardMian .vip .level .icon-vip {
+    color: #ff6a01;
+    font-size: .5rem;
+}
+.summary .content .cardMian .vip .iconfont {
+    color: #40dba9;
+    font-size: .1rem;
+}
+.summary .content .wallet .tip .icon-dengpaobeifen {
+    font-size: .12rem;
+    margin-right: .02rem;
+    color: #009d80;
+}
+.summary .hintTitle2 .iconfont {
+    font-size: .06rem;
+    color: #a6a6a6;
+    margin-right: .1rem;
+}

src/app/[locale]/affiliate/summary/page.tsx

@@ -11,14 +11,14 @@ const App: FC<PropsWithChildren<Props>> = (props) => {
                     <div className="referral router-view" id="id-router-view" style={{ backgroundColor: "rgb(237, 237, 237)" }}>
                         <div className="headerBack">
                             <div className="left">
-                                <span />
+                                <span className="iconfont icon-xiangzuo1"/>
                             </div>
                             <div className="title">
                                 Afiliado
                                 <span> - Ganhe R$ 10.000 por dia</span>
                             </div>
                             <div className="right">
-                                <span />
+                                <span className="iconfont icon-shouye1 router-link-active"/>
                             </div>
                         </div>
                         <div className="tabs alginLeft van-tabs van-tabs--line">
@@ -60,7 +60,7 @@ const App: FC<PropsWithChildren<Props>> = (props) => {
                                         <div>
                                             {" "}
                                             Hoje
-                                            <span />
+                                            <span className="iconfont icon-wenhao"/>
                                         </div>
                                     </div>
                                     <div className="cardMian">
@@ -91,7 +91,7 @@ const App: FC<PropsWithChildren<Props>> = (props) => {
                                     <div>
                                             {" "}
                                             Total 
-                                            <span />
+                                            <span className="iconfont icon-wenhao"/>
                                         </div>
                                     </div>
                                     <div className="cardMian">
@@ -122,18 +122,18 @@ const App: FC<PropsWithChildren<Props>> = (props) => {
                                     <div>
                                             {" "}
                                             Comissão  
-                                            <span />
+                                            <span className="iconfont icon-wenhao"/>
                                         </div>
                                     </div>
                                     <div className="cardMian">
                                         <div className="vip">
                                             <div className="level">
-                                                <span></span>
+                                                <span className="iconfont icon-vip"></span>
                                                 <span className="levelNum">1</span>
                                             </div>
                                             <div>
                                                 Nível de Agente
-                                                <span></span>
+                                                <span className="iconfont icon-tishi"></span>
                                             </div>
                                         </div>
                                         <div>
@@ -156,7 +156,7 @@ const App: FC<PropsWithChildren<Props>> = (props) => {
                                             <div className="wallet">
                                                 <div className="btn"> TRANSFERIR PARA A CARTEIRA </div>
                                                 <div className="tip">
-                                                    <span></span>
+                                                    <span className="iconfont icon-dengpaobeifen"></span>
                                                     Valor mínimo de transferência de  10 BRL
                                                 </div>
                                             </div>
@@ -221,7 +221,7 @@ const App: FC<PropsWithChildren<Props>> = (props) => {
                                             </div>
                                         </div>
                                         <div className="hintTitle2">
-                                            <i></i>
+                                            <i className="iconfont icon-tishi"></i>
                                             Se você tem um grande público e seguidores. Temos condições especiais para você personalizar seu programa de indicações! para mais detalhes, por favorcontate- nos:  
                                             <a href="" style={{borderBottom: "1px solid rgb(109, 155, 195)",color:"#0000EE"}}>business@9f.com</a>
                                         </div>
@@ -231,7 +231,7 @@ const App: FC<PropsWithChildren<Props>> = (props) => {
                                     <div className="title">
                                         <div>
                                             Regras de recompensas por comissão‰ 
-                                            <span></span>
+                                            <span className="iconfont icon-wenhao"></span>
                                         </div>
                                     </div>
                                     <div className="hint">

src/styles/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @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');
+  src: url('iconfont.woff2?t=1721296480891') format('woff2'),
+       url('iconfont.woff?t=1721296480891') format('woff'),
+       url('iconfont.ttf?t=1721296480891') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-vip:before {
+  content: "\e645";
+}
+
 .icon-zuqiu2:before {
   content: "\e618";
 }