diff --git a/src/views/choujiang/hxl-cj/cj.vue b/src/views/choujiang/hxl-cj/cj.vue index efc26e1..a1d93c1 100644 --- a/src/views/choujiang/hxl-cj/cj.vue +++ b/src/views/choujiang/hxl-cj/cj.vue @@ -11,12 +11,20 @@
@@ -50,7 +68,12 @@
- 展开 + 展开
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 @@
+
+ +
+