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