【bcwin网站】其他钱包转化现金优化

messages/br.json

@@ -153,17 +153,17 @@
 
     "bonus":  "Bônus",
     "bonusArticle":"Bônus Article",
-    "bonusDesc1": "O saldo de ouro colorido será transferido automaticamente para sua carteira principal após a conclusão dos requisitos de volume de codificação",
+    "bonusDesc1": "O saldo de ouro colorido será transferido para sua carteira principal após a conclusão dos requisitos de volume de codificação",
     "bonusDesc2": "Se houver um saldo de ouro no momento do início do levantamento, a carteira de ouro será esvaziada",
     "bonusDesc3": "O ouro colorido não pode mais ser usado em crash, esportes ou outros jogos restritos",
     "free": "Free",
     "freeArticle": "Free Article",
     "freeDesc1": "As moedas grátis só podem ser usadas nos jogos grátis especificados",
-    "freeDesc2": "Completar a quantidade de código de moeda livre, o saldo é transferido automaticamente para a carteira de dinheiro",
+    "freeDesc2": "Completar a quantidade de código de moeda livre, o saldo é transferido para a carteira de dinheiro",
     "replay": "Replay",
     "replayArticle": "Replay Article",
     "replayDesc1": "As moedas de repetição só podem ser jogadas nos jogos de repetição especificados",
-    "replayDesc2": "Termine a quantidade de codificação de moedas de repetição, e o saldo será transferido automaticamente para a carteira de dinheiro",
+    "replayDesc2": "Termine a quantidade de codificação de moedas de repetição, e o saldo será transferido para a carteira de dinheiro",
     "modalTitle": "Proxima retirada de bonus",
     "modalBottomTips": " FALTA APOSTAR R$ ",
     "expTips": "{exp} Bet to ",

messages/en.json

@@ -153,16 +153,16 @@
     "balance": "Saldo",
     "bonus":  "Bônus",
     "bonusArticle":"Bônus Article",
-    "bonusDesc1": "O saldo de ouro colorido será transferido automaticamente para sua carteira principal após a conclusão dos requisitos de volume de codificação",
+    "bonusDesc1": "O saldo de ouro colorido será transferido para sua carteira principal após a conclusão dos requisitos de volume de codificação",
     "bonusDesc2": "Se houver um saldo de ouro no momento do início do levantamento, a carteira de ouro será esvaziada",
     "bonusDesc3": "O ouro colorido não pode mais ser usado em crash, esportes ou outros jogos restritos",
     "free": "Free",
     "freeArticle": "Free Article",
     "freeDesc1": "As moedas grátis só podem ser usadas nos jogos grátis especificados",
-    "freeDesc2": "Completar a quantidade de código de moeda livre, o saldo é transferido automaticamente para a carteira de dinheiro",
+    "freeDesc2": "Completar a quantidade de código de moeda livre, o saldo é transferido para a carteira de dinheiro",
     "replayArticle": "Replay Article",
     "replayDesc1": "As moedas de repetição só podem ser jogadas nos jogos de repetição especificados",
-    "replayDesc2": "Termine a quantidade de codificação de moedas de repetição, e o saldo será transferido automaticamente para a carteira de dinheiro",
+    "replayDesc2": "Termine a quantidade de codificação de moedas de repetição, e o saldo será transferido para a carteira de dinheiro",
     "modalBottomTips": " FALTA APOSTAR R$ ",
     "replay": "Replay",
     "modalTitle": "Proxima retirada de bonus",

src/app/[locale]/(TabBar)/profile/ProfileHeader.tsx

@@ -12,7 +12,7 @@ import { useWalletStore } from "@/stores/useWalletStore";
 import { WalletEnum } from "@/types";
 import { vipImages } from "@/utils/constant";
 import { flatPoint, percentage } from "@/utils/methods";
-import { ProgressBar, Toast } from "antd-mobile";
+import { ProgressBar, Toast, Badge } from "antd-mobile";
 import { useTranslations } from "next-intl";
 import Image from "next/image";
 import { Fragment, useRef, useState } from "react";
@@ -105,84 +105,100 @@ const WalletCard = (props: { userMoney: Wallet }) => {
                 {tipsStatus === WalletEnum.Replay ? <ReplayContent wallet={userMoney} /> : null}
             </TipsModal>
             <div className="coin">
-                <span className="coin_left__icon iconfont icon-qianbao3"></span>
                 <div className={"coin_right_wallet"}>
                     <div
                         className={"wallet_left_border"}
                         onClick={() => modalHandler(WalletEnum.Balance)}
                     >
-                        <div className={"wallet_header"}>
-                            <span>{t("balance")}</span>
-                            <Image
-                                className="wallet_header__icon"
-                                src="/img/a.png"
-                                alt="question"
-                                width={15}
-                                height={15}
-                            />
-                        </div>
-
-                        <div className="num">
-                            <span className="uppercase">brl </span>
-                            <span>{userMoney.score || 0.0}</span>
-                        </div>
+                        <span className="coin_left__icon iconfont icon-qianbao3"></span>
+                        <section>
+                            <div className={"wallet_header"}>
+                                <span>{t("balance")}</span>
+                                <Image
+                                    className="wallet_header__icon"
+                                    src="/img/a.png"
+                                    alt="question"
+                                    width={15}
+                                    height={15}
+                                />
+                            </div>
+                            <div className="num">
+                                <span className="uppercase">brl </span>
+                                <span>{userMoney.score || 0.0}</span>
+                            </div>
+                        </section>
                     </div>
                     <div
                         className={"wallet_right_content"}
                         onClick={() => modalHandler(WalletEnum.Bonus)}
                     >
-                        <div className={"wallet_header"}>
-                            {t("bonus")}
-                            <Image
-                                className="wallet_header__icon"
-                                src="/img/a.png"
-                                alt="question"
-                                width={15}
-                                height={15}
-                            />
-                        </div>
-                        <div className="num">
-                            <span className="uppercase">brl </span>
-                            <span>{userMoney.point || 0.0}</span>
-                        </div>
+                        <Badge content={percentage(userMoney.current_point_rollover, userMoney.target_point_rollover) < 100 ? null : Badge.dot} style={{right: "10px"}}>
+                            <span className="coin_left__icon iconfont icon-qianbao3"></span>
+                        </Badge>
+                        <section>
+                            <div className={"wallet_header"}>
+                                {t("bonus")}
+                                <Image
+                                    className="wallet_header__icon"
+                                    src="/img/a.png"
+                                    alt="question"
+                                    width={15}
+                                    height={15}
+                                />
+                            </div>
+                            <div className="num">
+                                <span className="uppercase">brl </span>
+                                <span>{userMoney.point || 0.0}</span>
+                            </div>
+                        </section>
                     </div>
                     <div
                         className={"wallet_left_border"}
                         onClick={() => modalHandler(WalletEnum.Free)}
-                    >
-                        <div className={"wallet_header"}>
-                            {t("free")}
-                            <Image
-                                className="wallet_header__icon"
-                                src="/img/a.png"
-                                alt="question"
-                                width={15}
-                                height={15}
-                            />
-                        </div>
-                        <div className="num">
-                            <span className="uppercase">brl </span>
-                            <span>{userMoney.free_score || 0.0}</span>
-                        </div>
+                    >                   
+                        <Badge content={percentage(userMoney.current_free_score_rollover, userMoney.target_free_score_rollover) < 100 ? null : Badge.dot} style={{right: "10px"}}>
+                            <span className="coin_left__icon iconfont icon-qianbao3"></span>
+                        </Badge>
+                        <section>
+                            <div className={"wallet_header"}>
+                                {t("free")}
+                                <Image
+                                    className="wallet_header__icon"
+                                    src="/img/a.png"
+                                    alt="question"
+                                    width={15}
+                                    height={15}
+                                />
+                            </div>
+                            <div className="num">
+                                <span className="uppercase">brl </span>
+                                <span>{userMoney.free_score || 0.0}</span>
+                            </div>
+                        </section>
                     </div>
                     <div
                         className={"wallet_right_content"}
                         onClick={() => modalHandler(WalletEnum.Replay)}
                     >
-                        <div className={"wallet_header"}>
-                            {t("replay")}
-                            <Image
-                                className="wallet_header__icon"
-                                src="/img/a.png"
-                                alt="question"
-                                width={15}
-                                height={15}
-                            />
-                        </div>
-                        <div className="num">
-                            <span className="uppercase">brl </span>
-                            <span>{userMoney.lose_score || 0.0}</span>
-                        </div>
+                        <Badge content={percentage(userMoney.current_lose_score_rollover, userMoney.target_lose_score_rollover) < 100 ? null : Badge.dot} style={{right: "10px"}}>
+                            <span className="coin_left__icon iconfont icon-qianbao3"></span>
+                        </Badge>
+                        <section>
+                            <div className={"wallet_header"}>
+                                {t("replay")}
+                                <Image
+                                    className="wallet_header__icon"
+                                    src="/img/a.png"
+                                    alt="question"
+                                    width={15}
+                                    height={15}
+                                />
+                            </div>
+                            <div className="num">
+                                <span className="uppercase">brl </span>
+                                <span>{userMoney.lose_score || 0.0}</span>
+                            </div>
+                        </section>
                     </div>
                 </div>
             </div>

src/app/[locale]/(TabBar)/profile/page.scss

@@ -36,7 +36,6 @@
         border-bottom: .01rem dotted #d9a801;
       }
 
-
       &.active {
         margin-bottom: 0;
       }
@@ -161,7 +160,7 @@
         font-size: .12rem;
         color: #333;
         grid-template-columns: 1fr 1fr;
-        gap: 0 0.1042rem;
+        // gap: 0 0.1042rem;
         & :nth-child(3),
         & :nth-child(4){
           padding-top: 0.05rem;
@@ -190,9 +189,14 @@
 
         .wallet_left_border{
           border-right:  .01rem dotted #d9a801;
+          display: flex;
+          align-items: center;
+          
         }
         .wallet_right_content{
           margin-left: .3rem;
+          display: flex;
+          align-items: center;
         }
       }