1、替换title背景图片

2、折扣专区首页和列表页优化

1、替换title背景图片
2、折扣专区首页和列表页优化
王强
1 parent dbcb2e8e
Showing 4 changed files with 22 additions and 5 deletions
src/pages/discountList/discountList.vue
src/pages/optimization2/optimization2.vue
static/img/text_bg_title_bg.jpg
static/img/text_bg_title_bg.png
@@ -55,7 +55,7 @@
                     sty="1">
                     <!-- 折扣角标 -->
-                    <div class="discount-flag" slot="flag">
+                    <div class="discount-flag" slot="flag" v-if="item.price < item.prices">
                         {{getDiscount(item.price, item.prices)}}折
                     </div>
                 </goods-item-8>
@@ -110,7 +110,7 @@
                     // 售价/原价
                     let x = (price * 100) / (prices * 100);
-                    return (Math.floor(x * 100) / 100) * 10;
+                    return (Math.floor(x * 1000) / 1000) * 10;
                 }
             }
         },
@@ -23,7 +23,7 @@
                 <!-- 标题 -->
                 <text-bg-title-com @more="toDiscountList"
                     :titles="{
-                        bg: 'static/img/text_bg_title_bg.jpg',
+                        bg: 'static/img/text_bg_title_bg.png',
                         more: true
                     }">
@@ -43,7 +43,7 @@
                         pid="4">
                         <!-- 折扣角标 -->
-                        <div class="discount-flag" slot="flag">
+                        <div class="discount-flag" slot="flag" v-if="item.price < item.prices">
                             {{getDiscount(item.price, item.prices)}}折
                         </div>
                     </goods-item-2>
@@ -168,6 +168,7 @@
                 title: "",              // 标题
                 backs: null,            // 后退按钮组
                 navs: null,             // 导航
+                discountTimeout: 0,     // 倒计时超时时间计数
                 discountTime: null,     // 倒计时时间
                 discountLists: null,    // 折扣专区数据
                 quality: null,          // 品质优选
@@ -190,7 +191,7 @@
                     // 售价/原价
                     let x = (price * 100) / (prices * 100);
-                    return (Math.floor(x * 100) / 100) * 10;
+                    return (Math.floor(x * 1000) / 1000) * 10;
                 }
             }
         },
@@ -318,6 +319,22 @@
                         // 设置倒计时时间
                         this.$set(this, 'discountTime', datas.discount_time);
+                        // 设置倒计时超时轮训
+                        let timeoutInterval = setInterval(() => {
+
+                            // 判断是否超时
+                            if (this.discountTimeout > this.discountTime) {
+
+                                // 停止倒计时
+                                clearInterval(timeoutInterval);
+
+                                // 设置倒计时时间为负数，隐藏“折扣专区”区块
+                                this.$set(this, 'discountTime', '-1');
+                            } else {
+                                this.discountTimeout++;
+                            }
+                        }, 1000);
+
                         // 设置折扣专区数据
                         this.$set(this, 'discountLists', datas.discount);
                     }