|
@@ -409,37 +409,29 @@ const DrawMain = () => {
|
|
|
<div className={"relative"}>
|
|
|
<WheelWallet />
|
|
|
<div className={"relative border-[1px]"}>
|
|
|
- <img
|
|
|
- src={"/wheels/wheel-bg.png"}
|
|
|
- className={"h-[5.5rem] w-[100%] pt-[0.1389rem]"}
|
|
|
- />
|
|
|
- {/*<div*/}
|
|
|
- {/* className={*/}
|
|
|
- {/* "absolute bottom-[0.2431rem] flex h-[2.3rem] w-[100%] pr-[0.0794rem]" +*/}
|
|
|
- {/* " justify-center"*/}
|
|
|
- {/* }*/}
|
|
|
- {/*>*/}
|
|
|
- {/* <LuckyWheel*/}
|
|
|
- {/* ref={myLucky}*/}
|
|
|
- {/* width="2.3rem"*/}
|
|
|
- {/* height="2.3rem"*/}
|
|
|
- {/* blocks={blocks}*/}
|
|
|
- {/* prizes={prizes}*/}
|
|
|
- {/* buttons={buttons}*/}
|
|
|
- {/* onStart={() => {*/}
|
|
|
- {/* // 点击抽奖按钮会触发star回调*/}
|
|
|
- {/* myLucky.current?.play();*/}
|
|
|
- {/* setTimeout(() => {*/}
|
|
|
- {/* const index = (Math.random() * 6) >> 0;*/}
|
|
|
- {/* myLucky.current?.stop(index);*/}
|
|
|
- {/* }, 2500);*/}
|
|
|
- {/* }}*/}
|
|
|
- {/* onEnd={(prize: any) => {*/}
|
|
|
- {/* // 抽奖结束会触发end回调*/}
|
|
|
- {/* alert("恭喜你抽到 " + prize.fonts[0].text + " 号奖品");*/}
|
|
|
- {/* }}*/}
|
|
|
- {/* />*/}
|
|
|
- {/*</div>*/}
|
|
|
+ <img src={"/wheels/wheel-bg.png"} className={"h-[6rem] w-[100%] pt-[0.1389rem]"} />
|
|
|
+ <div className={"flex h-[2.3rem] w-[100%] " + " justify-center border-[1px]"}>
|
|
|
+ <LuckyWheel
|
|
|
+ ref={myLucky}
|
|
|
+ width="2.3rem"
|
|
|
+ height="2.3rem"
|
|
|
+ blocks={blocks}
|
|
|
+ prizes={prizes}
|
|
|
+ buttons={buttons}
|
|
|
+ onStart={() => {
|
|
|
+ // 点击抽奖按钮会触发star回调
|
|
|
+ myLucky.current?.play();
|
|
|
+ setTimeout(() => {
|
|
|
+ const index = (Math.random() * 6) >> 0;
|
|
|
+ myLucky.current?.stop(index);
|
|
|
+ }, 2500);
|
|
|
+ }}
|
|
|
+ onEnd={(prize: any) => {
|
|
|
+ // 抽奖结束会触发end回调
|
|
|
+ alert("恭喜你抽到 " + prize.fonts[0].text + " 号奖品");
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
);
|