Merge branch 'feature-Before' into dev

src/app/[locale]/(wheel)/cashWheel/CashWheelClient.tsx

@@ -253,7 +253,7 @@ const DrawMain = () => {
         <>
             <WheelWallet />
 
-            <div className={"-mt-[0.2083rem]"}>
+            <div className={"mt-[0.0694rem]"}>
                 <WheelClient
                     isRotate={true}
                     onRotateEnd={wheel.startHandler}

src/components/ModalPopup/WheelModal/index.tsx

@@ -243,7 +243,7 @@ export const WheelClient: FC<WheelProps> = (props) => {
                 alt=""
                 width={750}
                 height={300}
-                className={`absolute h-[100%] ${animation.floatAnimation}`}
+                className={`absolute -z-[1] h-[100%] ${animation.floatAnimation}`}
             />
             <div className={"absolute h-[3.0833rem] w-[100%] overflow-hidden"}>
                 <Image
@@ -267,14 +267,20 @@ export const WheelClient: FC<WheelProps> = (props) => {
                 height={300}
                 alt=""
                 src={"/wheels/title.png"}
-                className={"absolute left-[11.5%] top-[41%] z-10 w-[76%]"}
+                className={"absolute left-[13%] top-[29%] z-10 w-[72%]"}
             />
-            {/*定位到中心圆*/}
-            <div
+
+            <Image
+                width={750}
+                height={300}
+                alt=""
+                src={"/wheels/bg-buttom.png"}
                 className={
-                    "absolute bottom-[0px] z-10 h-[3.12rem] w-[100%] p-[0.1389rem] pb-[0.1597rem]"
+                    "absolute bottom-[0.1389rem] left-[54%] z-20 w-[2.0833rem] -translate-x-1/2"
                 }
-            >
+            />
+            {/*定位到中心圆*/}
+            <div className={"absolute bottom-[19.1%] z-10 h-[2.68rem] w-[100%]"}>
                 <div className={"relative flex h-[100%] w-[100%] justify-center"}>
                     <img
                         src="/wheels/light-1.png"
@@ -294,20 +300,15 @@ export const WheelClient: FC<WheelProps> = (props) => {
                     <img
                         ref={activeRef}
                         src="/wheels/active-bg.png"
-                        className={`absolute z-10 ml-[0.0694rem] mt-[0.1389rem] hidden h-[1.3889rem] ${animation.activeAnimation}`}
+                        className={`absolute z-10 ml-[0] mt-[0.159rem] hidden h-[1.3rem] ${animation.activeAnimation}`}
                         alt=""
                     />
 
-                    <div
-                        className={
-                            "relative h-[100%] w-[2.62rem] rounded-[50%] px-[0.0486rem]" +
-                            " py-[0.1536rem]"
-                        }
-                    >
+                    <div className={"relative h-[100%] w-[2.7rem] rounded-[50%] p-[0.14rem]"}>
                         <LuckyWheel
                             ref={wheelRef}
-                            width="2.52rem"
-                            height="2.52rem"
+                            width="2.42rem"
+                            height="2.42rem"
                             blocks={blocks}
                             defaultConfig={defaultConfig}
                             prizes={prizes}