修改充值按钮多语言 金币符号

src/layout/BottomNav/index.jsx

@@ -67,6 +67,18 @@ const BottomNav = () => {
     //         <SettingsPopup open={settingsPopupOpen} onClose={() => setSettingsPopupOpen(false)}/>
     //     </div>
     // )
+    const getSymbol=()=>{
+        let symbols=['$','€','₽','M$','R$'];
+        let dollar=global.DOLLAR;
+        if (symbols.indexOf(dollar)===-1)dollar=symbols[0];
+        return dollar;
+    }
+    const getLang=()=>{
+        let langs=['en','pt','es','ru'];
+        let lang=i18n.language;
+        if (langs.indexOf(lang)===-1)lang=langs[0];
+        return lang;
+    }
     return (
         <div className={`${styles.container} ${isStandalone?styles.container_full:''}`}>
             <svg aria-hidden="true" focusable="false" style={{width:0,height:0,position:"absolute"}}>
@@ -102,9 +114,13 @@ const BottomNav = () => {
                 <span className={styles.bottomtxt}>{i18n.t("tab.withdraw")}</span>
             </NavLink>
             <NavLink className={styles.button} style={{width:"25%"}} to={ROUTE_PATH.PAY}>
-                <img src={shopIcon} style={{width:"8rem",marginTop:"-2.3rem",stroke:"#24262b 4px"}}/>
+                <div className={styles.deposit_icon}>
+                    <img className={styles.d_img} src={require(`@assets/tabicon/deposit_${getLang()}.png`)}/>
+                    <img className={styles.c_img} src={require(`@assets/tabicon/coin_${getSymbol()}.png`)}/>
+                </div>
 
-                <span className={`${styles.yellow_txt} ${styles.bottomtxt}`} style={{lineHeight:"1.5rem"}}>{i18n.t("tab.deposit")}</span>
+                <span className={`${styles.yellow_txt} ${styles.bottomtxt}`}
+                      style={{lineHeight: "1.5rem"}}>{i18n.t("tab.deposit")}</span>
             </NavLink>
             <NavLink className={styles.button} to={ROUTE_PATH.MESSAGE}>
                 {

src/layout/BottomNav/styles.module.scss

@@ -77,6 +77,25 @@
         line-height: 1rem;
         padding-bottom: 0.1rem;
     }
+    & .deposit_icon{
+        position: relative;
+        width: 8rem;
+        height: auto;
+        margin-top:-2.3rem;
+        & .d_img{
+            width: 8rem;
+            height: auto;
+            stroke:#24262b;
+            stroke-width: 4px;
+        }
+        & .c_img{
+            position: absolute;
+            width: 2.3rem;
+            height: auto;
+            top: -0.25rem;
+            right: 1.5rem;
+        }
+    }
 }
 
 .menu_item {