|
@@ -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}
|