|
|
@ -10,7 +10,7 @@ |
|
|
|
|
|
|
|
|
<image v-else src="/common/img/adv.jpg"></image> |
|
|
<image v-else src="/common/img/adv.jpg"></image> |
|
|
|
|
|
|
|
|
<view class="time-box absolute">{{ time === 0 ? '跳过广告' : time + 's' }}</view> |
|
|
<view class="time-box absolute">{{ time }} 跳过</view> |
|
|
</view> |
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
@ -32,11 +32,11 @@ |
|
|
imgs.value = JSON.parse(advs.value); |
|
|
imgs.value = JSON.parse(advs.value); |
|
|
}) |
|
|
}) |
|
|
|
|
|
|
|
|
const time = ref(10); |
|
|
const time = ref(5); |
|
|
|
|
|
|
|
|
let timer = setInterval(() => { |
|
|
let timer = setInterval(() => { |
|
|
time.value--; |
|
|
time.value--; |
|
|
if (time.value === 0) clearInterval(timer); |
|
|
if (time.value === 1) clearInterval(timer); |
|
|
}, 1000); |
|
|
}, 1000); |
|
|
|
|
|
|
|
|
setTimeout(() => { |
|
|
setTimeout(() => { |
|
|
@ -52,7 +52,7 @@ |
|
|
url: '/pages/guide/guide' |
|
|
url: '/pages/guide/guide' |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
}, 10000); |
|
|
}, 5000); |
|
|
|
|
|
|
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
@ -78,7 +78,7 @@ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.time-box { |
|
|
.time-box { |
|
|
top: 10px; |
|
|
bottom: 50px; |
|
|
right: 10px; |
|
|
right: 10px; |
|
|
display: inline-block; |
|
|
display: inline-block; |
|
|
width: 60px; |
|
|
width: 60px; |
|
|
@ -88,7 +88,7 @@ |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
background-color: rgba(255, 255, 255, .7); |
|
|
background-color: rgba(255, 255, 255, .7); |
|
|
border-radius: 12px; |
|
|
border-radius: 12px; |
|
|
color: #FFFFFF; |
|
|
color: #666; |
|
|
border: 1px solid rgba(255, 255, 255, .8); |
|
|
border: 1px solid #eee; |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |
|
|
|