feat: 修改

src/app/[locale]/(navbar)/vip/VipCard.tsx

@@ -1,7 +1,7 @@
 import { NewVip } from "@/api/user";
 import { VipItem, VipProgressMap } from "@/enums";
 import { formatAmount } from "@/utils";
-import { ProgressBar } from "antd-mobile";
+import { Popover, ProgressBar } from "antd-mobile";
 import clsx from "clsx";
 import React from "react";
 import "swiper/css/effect-fade";
@@ -125,7 +125,31 @@ const VipCard: React.FC<Props> = ({ actKey = 0, onChange, vipInfo }) => {
                                         {showInfo.bet > 0 && (
                                             <>
                                                 <div className="mt-[.1rem] flex items-center justify-between text-[.1rem]">
-                                                    <div className="uppercase">APOSTAS</div>
+                                                    <div className="flex items-center uppercase">
+                                                        APOSTAS
+                                                        {vipInfo?.keep_level_condition?.bet && (
+                                                            <Popover
+                                                                content={
+                                                                    <div className="w-[70vw] text-[.1rem]">
+                                                                        Apostas em jogos aumentam as
+                                                                        apostas O sistema idade de
+                                                                        apostas todos os dias (O
+                                                                        nível atual deduzirá{" "}
+                                                                        {vipInfo
+                                                                            ?.keep_level_condition
+                                                                            ?.bet || 0}{" "}
+                                                                        apostas todos os dias)
+                                                                    </div>
+                                                                }
+                                                                mode="dark"
+                                                                trigger="click"
+                                                            >
+                                                                <i className="ml-[.1rem] block h-[.12rem] w-[.12rem] rounded-[.1rem] bg-[#272932] text-center text-[.08rem] leading-[.12rem] text-[#fff]">
+                                                                    i
+                                                                </i>
+                                                            </Popover>
+                                                        )}
+                                                    </div>
                                                     <div className="uppercase">
                                                         <span className="text-[var(--textColor4)]">
                                                             {formatAmount(vipInfo.vip_exp)}

src/app/globals.scss

@@ -469,3 +469,6 @@ input[type="number"] {
 .p-0 {
     padding: 0 !important;
 }
+.adm-popover-inner-content {
+    background: rgb(91, 74, 47);
+}