首页弹窗

src/main/resources/static/js/index.js

@@ -73,13 +73,17 @@ var homeData = new Vue({
             return false;
         },
         popupPage(){  // 弹窗点击跳转链接
-            localStorage.setItem('lockTime',Date.now());
-            window.localStorage.setItem('isActivityStatus',true);
+            // localStorage.setItem('lockTime',Date.now());
+            // window.localStorage.setItem('isActivityStatus',true);
             window.open(this.centerImage.link)
         },
         closePopup(){  // 关闭弹窗
-              this.popupFlag=false;
-              $('.Popup').slideUp(100);
+            const currentDate = new Date().toISOString().split('T')[0]
+            console.log('currentDate',currentDate)
+            // 更新localStorage中的上次显示弹窗的日期
+            localStorage.setItem('lastPopupDate', currentDate)
+            this.popupFlag=false;
+            $('.Popup').slideUp(100);
               // localStorage.setItem('lockTime',Date.now());
               // localStorage.setItem('isActivityStatus',true);
         },
@@ -88,7 +92,7 @@ var homeData = new Vue({
             console.log('缓存时间戳',time);
             console.log('当前时间戳',date);
             console.log('计算时间戳',(date-time));
-            return (date -time) < 2*60*1000 ? false : true
+            return (date - time) >= 2 * 60 * 1000
         },
         // 页面主图轮播
         swiperBanner: function(){
@@ -139,12 +143,14 @@ var homeData = new Vue({
                     const centerImageList = response.data.centerImage
                     if(centerImageList && centerImageList.length > 0){
                         _self.centerImage = response.data.centerImage[0]
-                        const isActivityStatus = localStorage.getItem('isActivityStatus');
+                        // 获取当前日期的字符串表示（YYYY-MM-DD）
+                        const currentDate = new Date().toISOString().split('T')[0]
+                        console.log('currentDate',currentDate)
+                        // 从localStorage获取上次显示弹窗的日期
+                        const lastPopupDate = localStorage.getItem('lastPopupDate')
+                        console.log('lastPopupDate',lastPopupDate)
                         //广告弹窗
-                        if(isActivityStatus){
-                            const lockTime = localStorage.getItem('lockTime');
-                            _self.popupFlag = this.diffTime(lockTime);
-                        }else{
+                        if (lastPopupDate !== currentDate) {
                             setTimeout(function () {
                                 _self.popupFlag = true;
                             },1000);