话不多说 直接上代码
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/03328771ec91ebdf5b0d44ade16d8a81.png)
<template>
<div class="signBox">
<div class="tips">
<span>Signed in for </span> <span>{
{
days }}</span>
<span>consecutive days</span>
</div>
<p class="history" @click="goToHistory">View score history ></p>
<ul class="signBtnBox">
<li class="signBtnOne" v-for="(item, key, index) in list" :key="index">
<div
v-if="Number(days) == index + 1 || Number(days) > index + 1"
style=" width: 100%; height: 100%; border-radius: 4px; background-color: #ff9400; ">
<img src="./image/2.png" />
<p>{
{
item.gift_num }}</p>
</div>
<div v-else @click="signInToday">
<img src="./image/3.png" />
<p>{
{
item.gift_num }}</p>
</div>
</li>
</ul>
<p class="signResetTime">Check-in reset time: daily 18:00:00</p>
<div class="pointJump">
<div class="pointShop" @click="gotoPointsStore">
<P>Points</P>
<p>Shop</p>
</div>
<div class=