Before пре 7 месеци
родитељ
комит
a063da66b4
3 измењених фајлова са 13 додато и 8 уклоњено
  1. BIN
      public/wheels/aura.png
  2. BIN
      public/wheels/wheel-bg.png
  3. 13 8
      src/components/Box/WheelModal.tsx

BIN
public/wheels/aura.png


BIN
public/wheels/wheel-bg.png


+ 13 - 8
src/components/Box/WheelModal.tsx

@@ -213,16 +213,20 @@ export const WheelClient: FC<WheelProps> = (props) => {
 
     return (
         <div className={"relative w-[100%]"}>
-            <img src={"/wheels/wheel-bg.png"} className={"h-[5.5556rem] w-[100%] object-contain"} />
+            <img src="/wheels/aura.png" alt="" className={"absolute"} />
+            <img
+                src={"/wheels/wheel-bg.png"}
+                className={"h-[5.3819rem] w-[100%]" + " border-[2px] border-[red]"}
+            />
             <img
                 src={"/wheels/title.png"}
-                className={"absolute left-[17%] top-[52%] z-10 w-[63%] object-contain"}
+                className={"absolute left-[15%] top-[42%] z-10 w-[69%]"}
             />
             {/*定位到中心圆*/}
-            <div className={"absolute bottom-0 h-[2.5rem] w-[100%]"}>
+            <div className={"absolute bottom-[30px] h-[2.7rem] w-[100%] border-[1px] p-[5px]"}>
                 {/*光圈图片  */}
-                <div className={"flex h-[100%] w-[100%] justify-center p-[0.0556rem]"}>
-                    <img src="/wheels/light-1.png" alt="" className={"mr-[0.0556rem] h-[100%]"} />
+                <div className={"flex h-[100%] w-[100%] justify-center"}>
+                    <img src="/wheels/light-1.png" alt="" className={"h-[100%]"} />
                 </div>
                 {/*转盘*/}
                 <div
@@ -232,7 +236,8 @@ export const WheelClient: FC<WheelProps> = (props) => {
                 >
                     <div
                         className={
-                            "relative mr-[0.0694rem] mt-[0.05rem] h-[2.1rem] w-[2.1rem] rounded-[50%]"
+                            "relative mr-[0.06rem] mt-[0.05rem] h-[2.4rem] w-[2.4rem]" +
+                            " rounded-[50%]"
                         }
                     >
                         <div className={"absolute bottom-[50%] z-50 w-[100%] translate-y-1/2"}>
@@ -258,8 +263,8 @@ export const WheelClient: FC<WheelProps> = (props) => {
                         </div>
                         <LuckyWheel
                             ref={wheelRef}
-                            width="2.1rem"
-                            height="2.1rem"
+                            width="2.4rem"
+                            height="2.4rem"
                             blocks={blocks}
                             defaultConfig={defaultConfig}
                             prizes={prizes}