购好物，首页“折扣专区”和“积分商城”模块，定时切换商品的逻辑健壮性处理~

王强
1 parent 062942df
Showing 1 changed file with 47 additions and 27 deletions
src/pages/optimization2/optimization2.vue
@@ -658,48 +658,68 @@
                     // 判断是否有积分商城
                     if (this.showIntegral && datas.integral_goods && datas.integral_goods.length) {
  
-                        // 当前展示的折扣专区数据
-                        this.$set(this.discountData, 'now', [this.discountLists[0], this.discountLists[1]]);
+                        // 判断折扣专区是否有数据
+                        if (this.discountLists.length) {
+
+                            // 当前展示的折扣专区数据（兼容数据不足 2 个的情况）
+                            if (this.discountLists.length >= 2) {
+                                this.$set(this.discountData, 'now', [this.discountLists[0], this.discountLists[1]]);
+                            } else {
+                                this.$set(this.discountData, 'now', [this.discountLists[0]]);
+                            }
  
-                        // 设置折扣专区下一条数据数组下标
-                        this.$set(this.discountData, 'next', this.discountData.now.length);
+                            // 设置折扣专区下一条数据数组下标（根据数组长度，兼容数据 <= 2 的情况）
+                            this.$set(this.discountData, 'next', this.discountData.now.length < this.discountLists.length ? this.discountData.now.length : 0);
  
-                        // 设置折扣专区计时器，每3秒切换一次数据
-                        this.$nextTick(() => {
+                            // 设置折扣专区计时器，每3秒切换一次数据
+                            this.$nextTick(() => {
  
-                            // 轮训计时器
-                            setInterval(() => {
-                                
-                                // 切换折扣专区数据
-                                this.fade(this.discountData, this.discountLists);
-                            }, 3000);
-                        });
+                                // 判断数据数量是否 > 2 ，如果是，执行切换轮训
+                                if (this.discountData.now.length < this.discountLists.length) {
+
+                                    // 轮训计时器
+                                    setInterval(() => {
+                                        
+                                        // 切换折扣专区数据
+                                        this.fade(this.discountData, this.discountLists);
+                                    }, 3000);
+                                }
+                            });
+                        }
  
                         // 积分商城数据
                         this.$set(this, 'pointsLists', datas.integral_goods);
  
-                        // 当前展示的积分商城数据
-                        this.$set(this.pointsData, 'now', [this.pointsLists[0], this.pointsLists[1]]);
+                        // 当前展示的积分商城数据（兼容数据不足 2 个的情况）
+                        if (this.pointsLists.length >= 2) {
+                            this.$set(this.pointsData, 'now', [this.pointsLists[0], this.pointsLists[1]]);
+                        } else {
+                            this.$set(this.pointsData, 'now', [this.pointsLists[0]]);
+                        }
  
                         // 设置积分商城下一条数据数组下标
-                        this.$set(this.pointsData, 'next', this.pointsData.now.length);
+                        this.$set(this.pointsData, 'next', this.pointsData.now.length < this.pointsLists.length ? this.pointsData.now.length : 0);
  
                         // 设置积分商城计时器，每3秒切换一次数据
                         this.$nextTick(() => {
  
-                            // 和折扣专区岔开，延时1秒执行
-                            setTimeout(() => {
-                                
-                                // 随机生成轮训时间
-                                let timer = (parseInt(Math.random() * (500 + 1) + 3000, 10) || 3000);
+                            // 判断数据数量是否 > 2 ，如果是，执行切换轮训
+                            if (this.pointsData.now.length < this.pointsLists.length) {
  
-                                // 轮训计时器
-                                setInterval(() => {
+                                // 和折扣专区岔开，延时1秒执行
+                                setTimeout(() => {
  
-                                    // 切换折扣专区数据
-                                    this.fade(this.pointsData, this.pointsLists);
-                                }, timer || 3000);
-                            }, 1000);
+                                    // 随机生成轮训时间
+                                    let timer = (parseInt(Math.random() * (500 + 1) + 3000, 10) || 3000);
+
+                                    // 轮训计时器
+                                    setInterval(() => {
+                                        
+                                        // 切换折扣专区数据
+                                        this.fade(this.pointsData, this.pointsLists);
+                                    }, timer || 3000);
+                                }, 1000);
+                            }
                         });
                     } else {