|
@ -93,9 +93,13 @@ |
|
|
</div> |
|
|
</div> |
|
|
</el-scrollbar> |
|
|
</el-scrollbar> |
|
|
<div class="tableFoot"> |
|
|
<div class="tableFoot"> |
|
|
<span @click="leftPage()" id="leftPage" class="leftPage"><</span> |
|
|
|
|
|
|
|
|
<span @click="throttledleftPage()" id="leftPage" class="leftPage" |
|
|
|
|
|
><</span |
|
|
|
|
|
> |
|
|
{{ currentPage }}/<span>{{ totalPage }}</span> |
|
|
{{ currentPage }}/<span>{{ totalPage }}</span> |
|
|
<span @click="rightPage()" id="rightPage" class="rightPage">></span> |
|
|
|
|
|
|
|
|
<span @click="throttledrightPage()" id="rightPage" class="rightPage" |
|
|
|
|
|
>></span |
|
|
|
|
|
> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
@ -341,6 +345,11 @@ const leftPage = async (item) => { |
|
|
leftPageBtn.style.background = "#ccc"; |
|
|
leftPageBtn.style.background = "#ccc"; |
|
|
} |
|
|
} |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
const throttledleftPage = _.throttle(leftPage, 500, { |
|
|
|
|
|
trailing: false, |
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
const rightPage = async (item) => { |
|
|
const rightPage = async (item) => { |
|
|
if (currentPage.value == totalPage.value) { |
|
|
if (currentPage.value == totalPage.value) { |
|
|
return; |
|
|
return; |
|
@ -370,6 +379,10 @@ const rightPage = async (item) => { |
|
|
} |
|
|
} |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
const throttledrightPage = _.throttle(rightPage, 500, { |
|
|
|
|
|
trailing: false, |
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
//揭示奖品 |
|
|
//揭示奖品 |
|
|
const lookPrize = async (item) => { |
|
|
const lookPrize = async (item) => { |
|
|
// 未进入抽奖禁止揭晓 |
|
|
// 未进入抽奖禁止揭晓 |
|
@ -1579,7 +1592,7 @@ button { |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
background-color: #ffd283; |
|
|
background-color: #ffd283; |
|
|
opacity: 0.8; |
|
|
opacity: 0.8; |
|
|
margin-left: 2vh; |
|
|
|
|
|
|
|
|
margin-left: 0.8vh; |
|
|
margin-top: 3.5vh; |
|
|
margin-top: 3.5vh; |
|
|
cursor: pointer; |
|
|
cursor: pointer; |
|
|
position: relative; |
|
|
position: relative; |
|
@ -1717,6 +1730,7 @@ button { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.tableFoot { |
|
|
.tableFoot { |
|
|
|
|
|
font-size: 18px; |
|
|
color: #e64f39; |
|
|
color: #e64f39; |
|
|
display: flex; |
|
|
display: flex; |
|
|
gap: 10px; |
|
|
gap: 10px; |
|
@ -1729,8 +1743,8 @@ button { |
|
|
/* background: linear-gradient(90deg, #ff9800 0%, #ff5722 100%); */ |
|
|
/* background: linear-gradient(90deg, #ff9800 0%, #ff5722 100%); */ |
|
|
border-radius: 50%; |
|
|
border-radius: 50%; |
|
|
display: flex; |
|
|
display: flex; |
|
|
width: 35px; |
|
|
|
|
|
height: 35px; |
|
|
|
|
|
|
|
|
width: 30px; |
|
|
|
|
|
height: 30px; |
|
|
justify-content: center; |
|
|
justify-content: center; |
|
|
/* align-items: center; */ |
|
|
/* align-items: center; */ |
|
|
} |
|
|
} |
|
@ -1741,8 +1755,8 @@ button { |
|
|
background: linear-gradient(90deg, #ff9800 0%, #ff5722 100%); |
|
|
background: linear-gradient(90deg, #ff9800 0%, #ff5722 100%); |
|
|
border-radius: 50%; |
|
|
border-radius: 50%; |
|
|
display: flex; |
|
|
display: flex; |
|
|
width: 35px; |
|
|
|
|
|
height: 35px; |
|
|
|
|
|
|
|
|
width: 30px; |
|
|
|
|
|
height: 30px; |
|
|
justify-content: center; |
|
|
justify-content: center; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|