思路:在首页中取出本地缓存中的日期,与当前日期进行比较。
data 中定义一个判断变量showCoupon ,默认为false,在关闭弹窗时将当前时间以及key保存到本地,在首页onShow里面判断缓存的key是否在有效期内,如果在,则不弹出,反之弹出即可。
// 关闭弹框
closeCouponNew(){
this.showCoupon = false;
//存key以及时间
uni.setStorage({
key: "popUp-time",
data: new Date().getTime(),
});
},
uni.getStorage({
key: "popUp-time",
success: (res) => {
if (!res.data || new Date().getTime() - res.data > 1000 * 60*60*24) {
uni.setStorage({
key: "popUp-time",
data: new Date().getTime(),
});
this.showCoupon = true;
}else{
this.showCoupon = false;
}
},
fail: (err) => {
this.showCoupon = true;
},
});
简单记录如有问题或更优解还请不要吝啬的分享出来,此结。