-
@@ -142,6 +147,7 @@ import { TrackballControls } from "../../../utils/TrackballControls.js";
import TWEEN from "@tweenjs/tween.js";
import worldcup from "../../../assets/worldcup.mp3";
import dong from "../../../assets/dong.mp3";
+import _ from "lodash";
import {
getPrizeListApi,
@@ -605,9 +611,10 @@ const initCards = () => {
// 判断是否进入抽奖
let joinLottery = false;
// 进入抽奖
-const enterLottery = () => {
+const enterLottery = async () => {
joinLottery = true;
removeHighlight();
+ await nextTick();
// rotate = !rotate;
rotate = true;
switchScreen("lottery");
@@ -671,11 +678,14 @@ const createCard = (user, isBold, id) => {
return element;
};
-function removeHighlight() {
+const removeHighlight = async () => {
document.querySelectorAll(".highlight").forEach((node) => {
- node.classList.remove("highlight");
+ console.log(node.id);
+ node.className = "";
+ node.classList.add("element");
+ node.style.backgroundColor = "rgb(255,170,22)";
});
-}
+};
function addHighlight() {
document.querySelectorAll(".lightitem").forEach((node) => {
@@ -1096,7 +1106,7 @@ const lotteryBtn = () => {
// console.log("isLotting", isLotting);
// console.log("currentPrize.value", currentPrize.value);
if (isLotting) {
- stopLottery();
+ throttledStopLottery();
return;
}
@@ -1150,9 +1160,10 @@ const lotteryBtn = () => {
const text = "正在抽取[" + currentPrize.value.prizeName + "],调整好姿势";
// addQipao(text);
};
-/**
- * 抽奖
- */
+
+const throttledLotteryBtn = _.throttle(lotteryBtn, 1000, {
+ trailing: false,
+});
const lottery = () => {
rotateBall().then(() => {
@@ -1192,6 +1203,10 @@ const stopLottery = () => {
playDongAudio();
};
+const throttledStopLottery = _.throttle(stopLottery, 1000, {
+ trailing: false,
+});
+
const changePrize = async () => {
let type = currentPrize.value.type;
@@ -1234,13 +1249,15 @@ function changeSelectedCard(cardIndex, user) {
/**
* 切换名牌背景
*/
-function changeBackground(cardIndex, color) {
+const changeBackground = async (cardIndex) => {
let card = threeDCards[cardIndex].element;
// card.style.backgroundColor =
// color || "rgba(255,170,22," + (Math.random() * 0.7 + 0.25) + ")";
- card.style.backgroundColor = color || "rgba(255,170,22,1)";
- card.style.border = "2px solid rgba(255, 255, 255, 1)";
-}
+ card.style.backgroundColor = "rgb(255,170,22) !important";
+ card.style.border = "2px solid rgb(255, 255, 255)";
+
+ // await nextTick();
+};
/**
* 随机切换背景和人员信息
@@ -1264,7 +1281,7 @@ function shineCard() {
continue;
}
- changeBackground(cardIndex);
+ // changeBackground(cardIndex);
changeCard(cardIndex, users.value[index]);
}
}, 500);
@@ -1441,11 +1458,11 @@ button {
height: 70px;
color: #fff;
border: 0;
- font-size: 2.5vh;
+ font-size: 20px;
font-weight: bold;
cursor: pointer;
text-align: center;
- padding-top: 5px;
+ padding-top: 12px;
}
.highlight {