HomilyID
奖项
@@ -265,6 +288,7 @@ const lookPrize = async (item) => {
item.isLook = true;
} else if (
!isLotting && //未在抽奖状态
+ currentPrize.value.isLook &&
currentPrize.value.leftCount == 0 && //当前奖项已抽完
prizes.value[currentPrizeIndex - 1] == item //点击的奖项是当前奖项的下一个
) {
@@ -354,7 +378,7 @@ const initAll = async () => {
prizes.value = prizeList.data;
// 用户列表
users.value = userList.data;
- prizes.value.forEach((item, index) => {
+ prizes.value.forEach((item, index) => {
item.type = index;
item.count = item.amount;
item.leftCount = item.remainNum; //剩余次数(用于计算奖品下方的进度条的百分比)
@@ -1651,7 +1675,6 @@ a {
}
@keyframes bounce1 {
-
0%,
100% {
transform: rotate(180deg) translateY(0);
@@ -1663,7 +1686,6 @@ a {
}
@keyframes bounce2 {
-
0%,
100% {
transform: translateY(0);
@@ -1699,11 +1721,13 @@ a {
width: 90%;
height: 3px;
border-radius: 150%;
- background: linear-gradient(to right,
- transparent 0%,
- #d5291f 45%,
- #d5291f 55%,
- transparent 100%);
+ background: linear-gradient(
+ to right,
+ transparent 0%,
+ #d5291f 45%,
+ #d5291f 55%,
+ transparent 100%
+ );
position: absolute;
bottom: -10px;
}
@@ -1841,30 +1865,36 @@ a {
}
.progress-bar-striped {
- background-image: -webkit-linear-gradient(45deg,
- rgba(255, 255, 255, 0.15) 25%,
- transparent 25%,
- transparent 50%,
- rgba(255, 255, 255, 0.15) 50%,
- rgba(255, 255, 255, 0.15) 75%,
- transparent 75%,
- transparent);
- background-image: -o-linear-gradient(45deg,
- rgba(255, 255, 255, 0.15) 25%,
- transparent 25%,
- transparent 50%,
- rgba(255, 255, 255, 0.15) 50%,
- rgba(255, 255, 255, 0.15) 75%,
- transparent 75%,
- transparent);
- background-image: linear-gradient(45deg,
- rgba(255, 255, 255, 0.15) 25%,
- transparent 25%,
- transparent 50%,
- rgba(255, 255, 255, 0.15) 50%,
- rgba(255, 255, 255, 0.15) 75%,
- transparent 75%,
- transparent);
+ background-image: -webkit-linear-gradient(
+ 45deg,
+ rgba(255, 255, 255, 0.15) 25%,
+ transparent 25%,
+ transparent 50%,
+ rgba(255, 255, 255, 0.15) 50%,
+ rgba(255, 255, 255, 0.15) 75%,
+ transparent 75%,
+ transparent
+ );
+ background-image: -o-linear-gradient(
+ 45deg,
+ rgba(255, 255, 255, 0.15) 25%,
+ transparent 25%,
+ transparent 50%,
+ rgba(255, 255, 255, 0.15) 50%,
+ rgba(255, 255, 255, 0.15) 75%,
+ transparent 75%,
+ transparent
+ );
+ background-image: linear-gradient(
+ 45deg,
+ rgba(255, 255, 255, 0.15) 25%,
+ transparent 25%,
+ transparent 50%,
+ rgba(255, 255, 255, 0.15) 50%,
+ rgba(255, 255, 255, 0.15) 75%,
+ transparent 75%,
+ transparent
+ );
-webkit-background-size: 8px 8px;
background-size: 8px 8px;
}
diff --git a/src/views/choujiang/index.vue b/src/views/choujiang/index.vue
index 4945b2a..c3a2505 100644
--- a/src/views/choujiang/index.vue
+++ b/src/views/choujiang/index.vue
@@ -25,6 +25,12 @@