sale页面加入专区分类楼层。code review by XWG

biao
Commit f1f609160186015ed006002710f13bc16c904684 1 parent 79f9d38c
Showing 4 changed files with 88 additions and 118 deletions
template/www.yohobuy.com/partials/sale/sale-box.phtml
web-static/img/sale/vip.png
web-static/sass/sale/_index.scss
yohobuy/www.yohobuy.com/application/modules/Product/controllers/Sale1.php
--- a/template/www.yohobuy.com/partials/sale/sale-box.phtml
View file @f1f6091
+++ b/template/www.yohobuy.com/partials/sale/sale-box.phtml
View file @f1f6091
@@ -5,7 +5,7 @@
         </div>
         <ul class="sale-nav">
             {{#navItem}}
-                <li class="{{#vip}}green{{/vip}} {{#incompleteSize}}yellow{{/incompleteSize}} {{#newDiscount}}red{{/newDiscount}} {{#if @first}}active first{{/if}} {{#if @last}}last{{/if}}">aa</li>
+                <li class="{{#vip}}green{{/vip}} {{#incompleteSize}}yellow{{/incompleteSize}} {{#newDiscount}}red{{/newDiscount}} {{#if @first}}active first{{/if}} {{#if @last}}last{{/if}}" data-url='{{url}}'>aa</li>
             {{/navItem}}
         </ul>
         <div class="commodity-list">
@@ -13,13 +13,14 @@
               {{#each saleImage}}
               <li class="commodity-item">
                  <a href="{{href}}" target= "_blank"><div class="commodity-img">
-                     {{# tip}}
-                     <i class="top">{{.}}</i>
-                     {{/ tip}}
                      <img class="lazy" data-original="{{img}}"/></div>
-                    <div class="commodity-content">
+                    <div class="commodity-content {{#if @last}}hide{{/if}}">
                         <p class="commodity-name">{{name}}</p>
-                        <p class="commodity-price"><span>¥{{price}}</span></p>
+                        <p class="commodity-price">
+                            <span class="origin">¥{{originPrice}}</span>
+                            <span>¥{{price}}</span>
+                            {{#vip}}<span class="vip-tag">VIP</span><strong>更优惠</strong>{{/vip}}
+                        </p>
                     </div>
                  </a>
               </li>
--- a/web-static/img/sale/vip.png 0 → 100644
View file @f1f6091
+++ b/web-static/img/sale/vip.png 0 → 100644
View file @f1f6091
--- a/web-static/sass/sale/_index.scss
View file @f1f6091
+++ b/web-static/sass/sale/_index.scss
View file @f1f6091
@@ -219,63 +219,6 @@
         width: 241px;
         margin: 0 10px 0 0
     }
-
-    .commodity-tag {
-        height: 20px
-    }
-
-    .commodity-tag .good-tag {
-        display: block;
-        float: left;
-        margin-right: 5px;
-        height: 20px;
-        font-size: 12px;
-        text-align: center;
-        line-height: 20px;
-        box-sizing: border-box
-    }
-
-    .commodity-tag .good-tag:last-child {
-        margin-right: 0
-    }
-
-    .commodity-tag .new-tag {
-        width: 43px;
-        background-color: #78dc7e;
-        color: #fff
-    }
-
-    .commodity-tag .renew-tag {
-        width: 53px;
-        background-color: #78dc7e;
-        color: #fff
-    }
-
-    .commodity-tag .sale-tag {
-        width: 43px;
-        background-color: #ff575c;
-        color: #fff
-    }
-
-    .commodity-tag .yohood-tag {
-        width: 64px;
-        background: url('../assets/images/yohood.png?1450667948') no-repeat;
-        background-size: 100% 100%
-    }
-
-    .commodity-tag .limit-tag {
-        width: 60px;
-        line-height: 18px;
-        border: 1px solid #000;
-        color: #000
-    }
-
-    .commodity-tag .yep-tag,.commodity-tag .ymp-tag {
-        width: 64px;
-        background-color: #ff575c;
-        color: #fff
-    }
-
     .commodity-img {
         position: relative;
         height: 323px;
@@ -335,7 +278,29 @@
     .commodity-content .commodity-price span {
         display: inline-block;
-        font-size: 12px
+        *display: inline;
+        *zoom: 1;
+        font-size: 12px;
+        padding: 0 15px;
+    }
+
+    .commodity-content .commodity-price span.origin {
+        text-decoration: line-through;
+    }
+
+    .commodity-content .commodity-price strong {
+        font-weight: normal;
+        color: #565656;
+        font-size: 13px;
+    }
+
+    .commodity-content .commodity-price span.vip-tag {
+        background-image: image-url('sale/vip.png');
+        background-repeat: no-repeat;
+        background-size: 100% 90%;
+        color: #fff;
+        font-style: italic;
+        margin-right: 5px;
     }
     .commodity-content .commodity-price .price-sale {
--- a/yohobuy/www.yohobuy.com/application/modules/Product/controllers/Sale1.php
View file @f1f6091
+++ b/yohobuy/www.yohobuy.com/application/modules/Product/controllers/Sale1.php
View file @f1f6091
@@ -160,68 +160,81 @@ class Sale1Controller extends WebAction
                 'navItem' => array(
                 array(
                     'name' => '12',
+                    'url' => 'xxx'
                 ),
                 array(
                     'name' => '12',
+                    'url' => 'xxx'
                 ),
                 array(
                     'name' => '12',
+                    'url' => 'xxx'
                 ),
                 array(
                     'name' => '12',
+                    'url' => 'xxx'
                 ),
                 array(
                     'name' => '12',
+                    'url' => 'xxx'
                 ),
             ),
             'saleImage'=> array(
                         array(
                             'href' => 'http://www.yohobuy.com/product/pro_327765_421995/TUCTUC36205TaoZhuang.html?channel=kids',
                             'img' => "http://img13.static.yhbimg.com/goodsimg/2015/11/05/09/02eb88e527a57d0e26e13f2eb9cc35ad0e.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90",
-                            'name' => 'test',
-                            'price' => '888'
+                            'name' => '短发上课就犯困啦圣诞节',
+                            'price' => '888',
+                            'originPrice' => '1000'
                         ),
                         array(
                             'href' => 'http://www.yohobuy.com/product/pro_327765_421995/TUCTUC36205TaoZhuang.html?channel=kids',
                             'img' => "http://img13.static.yhbimg.com/goodsimg/2015/11/05/09/02eb88e527a57d0e26e13f2eb9cc35ad0e.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90",
-                            'name' => 'test',
-                            'price' => '888'
+                            'name' => '短发上课就犯困啦圣诞节',
+                            'price' => '888',
+                            'originPrice' => '1000'
                         ),
                         array(
                             'href' => 'http://www.yohobuy.com/product/pro_327765_421995/TUCTUC36205TaoZhuang.html?channel=kids',
                             'img' => "http://img13.static.yhbimg.com/goodsimg/2015/11/05/09/02eb88e527a57d0e26e13f2eb9cc35ad0e.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90",
-                            'name' => 'test',
-                            'price' => '888'
+                            'name' => '短发上课就犯困啦圣诞节',
+                            'price' => '888',
+                            'originPrice' => '1000'
                         ),
                         array(
                             'href' => 'http://www.yohobuy.com/product/pro_327765_421995/TUCTUC36205TaoZhuang.html?channel=kids',
                             'img' => "http://img13.static.yhbimg.com/goodsimg/2015/11/05/09/02eb88e527a57d0e26e13f2eb9cc35ad0e.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90",
-                            'name' => 'test',
-                            'price' => '888'
+                            'price' => '888',
+                            'name' => '短发上课就犯困啦圣诞节',
+                            'originPrice' => '1000'
                         ),
                         array(
                             'href' => 'http://www.yohobuy.com/product/pro_327765_421995/TUCTUC36205TaoZhuang.html?channel=kids',
                             'img' => "http://img13.static.yhbimg.com/goodsimg/2015/11/05/09/02eb88e527a57d0e26e13f2eb9cc35ad0e.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90",
                             'name' => 'test',
-                            'price' => '888'
+                            'price' => '888',
+                            'originPrice' => '1000'
                         ),
                         array(
                             'href' => 'http://www.yohobuy.com/product/pro_327765_421995/TUCTUC36205TaoZhuang.html?channel=kids',
                             'img' => "http://img13.static.yhbimg.com/goodsimg/2015/11/05/09/02eb88e527a57d0e26e13f2eb9cc35ad0e.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90",
                             'name' => 'test',
-                            'price' => '888'
+                            'price' => '888',
+                            'originPrice' => '1000'
                         ),
                         array(
                             'href' => 'http://www.yohobuy.com/product/pro_327765_421995/TUCTUC36205TaoZhuang.html?channel=kids',
                             'img' => "http://img13.static.yhbimg.com/goodsimg/2015/11/05/09/02eb88e527a57d0e26e13f2eb9cc35ad0e.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90",
                             'name' => 'test',
-                            'price' => '888'
+                            'price' => '888',
+                            'originPrice' => '1000'
                         ),
                         array(
                             'href' => 'http://www.yohobuy.com/product/pro_327765_421995/TUCTUC36205TaoZhuang.html?channel=kids',
                             'img' => "http://img13.static.yhbimg.com/goodsimg/2015/11/05/09/02eb88e527a57d0e26e13f2eb9cc35ad0e.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90",
                             'name' => 'test',
-                            'price' => '888'
+                            'price' => '888',
+                            'originPrice' => '1000'
                         )
                     )
@@ -251,49 +264,57 @@ class Sale1Controller extends WebAction
                             'href' => 'http://www.yohobuy.com/product/pro_327765_421995/TUCTUC36205TaoZhuang.html?channel=kids',
                             'img' => "http://img13.static.yhbimg.com/goodsimg/2015/11/05/09/02eb88e527a57d0e26e13f2eb9cc35ad0e.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90",
                             'name' => 'test',
-                            'price' => '888'
+                            'price' => '888',
+                            'originPrice' => '1000'
                         ),
                         array(
                             'href' => 'http://www.yohobuy.com/product/pro_327765_421995/TUCTUC36205TaoZhuang.html?channel=kids',
                             'img' => "http://img13.static.yhbimg.com/goodsimg/2015/11/05/09/02eb88e527a57d0e26e13f2eb9cc35ad0e.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90",
                             'name' => 'test',
-                            'price' => '888'
+                            'price' => '888',
+                            'originPrice' => '1000'
                         ),
                         array(
                             'href' => 'http://www.yohobuy.com/product/pro_327765_421995/TUCTUC36205TaoZhuang.html?channel=kids',
                             'img' => "http://img13.static.yhbimg.com/goodsimg/2015/11/05/09/02eb88e527a57d0e26e13f2eb9cc35ad0e.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90",
                             'name' => 'test',
-                            'price' => '888'
+                            'price' => '888',
+                            'originPrice' => '1000'
                         ),
                         array(
                             'href' => 'http://www.yohobuy.com/product/pro_327765_421995/TUCTUC36205TaoZhuang.html?channel=kids',
                             'img' => "http://img13.static.yhbimg.com/goodsimg/2015/11/05/09/02eb88e527a57d0e26e13f2eb9cc35ad0e.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90",
                             'name' => 'test',
-                            'price' => '888'
+                            'price' => '888',
+                            'originPrice' => '1000'
                         ),
                         array(
                             'href' => 'http://www.yohobuy.com/product/pro_327765_421995/TUCTUC36205TaoZhuang.html?channel=kids',
                             'img' => "http://img13.static.yhbimg.com/goodsimg/2015/11/05/09/02eb88e527a57d0e26e13f2eb9cc35ad0e.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90",
                             'name' => 'test',
-                            'price' => '888'
+                            'price' => '888',
+                            'originPrice' => '1000'
                         ),
                         array(
                             'href' => 'http://www.yohobuy.com/product/pro_327765_421995/TUCTUC36205TaoZhuang.html?channel=kids',
                             'img' => "http://img13.static.yhbimg.com/goodsimg/2015/11/05/09/02eb88e527a57d0e26e13f2eb9cc35ad0e.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90",
                             'name' => 'test',
-                            'price' => '888'
+                            'price' => '888',
+                            'originPrice' => '1000'
                         ),
                         array(
                             'href' => 'http://www.yohobuy.com/product/pro_327765_421995/TUCTUC36205TaoZhuang.html?channel=kids',
                             'img' => "http://img13.static.yhbimg.com/goodsimg/2015/11/05/09/02eb88e527a57d0e26e13f2eb9cc35ad0e.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90",
                             'name' => 'test',
-                            'price' => '888'
+                            'price' => '888',
+                            'originPrice' => '1000'
                         ),
                         array(
                             'href' => 'http://www.yohobuy.com/product/pro_327765_421995/TUCTUC36205TaoZhuang.html?channel=kids',
                             'img' => "http://img13.static.yhbimg.com/goodsimg/2015/11/05/09/02eb88e527a57d0e26e13f2eb9cc35ad0e.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90",
                             'name' => 'test',
-                            'price' => '888'
+                            'price' => '888',
+                            'originPrice' => '1000'
                         )
                     )
@@ -323,49 +344,57 @@ class Sale1Controller extends WebAction
                                 'href' => 'http://www.yohobuy.com/product/pro_327765_421995/TUCTUC36205TaoZhuang.html?channel=kids',
                                 'img' => "http://img13.static.yhbimg.com/goodsimg/2015/11/05/09/02eb88e527a57d0e26e13f2eb9cc35ad0e.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90",
                                 'name' => 'test',
-                                'price' => '888'
+                                'price' => '888',
+                                'originPrice' => '1000'
                             ),
                             array(
                                 'href' => 'http://www.yohobuy.com/product/pro_327765_421995/TUCTUC36205TaoZhuang.html?channel=kids',
                                 'img' => "http://img13.static.yhbimg.com/goodsimg/2015/11/05/09/02eb88e527a57d0e26e13f2eb9cc35ad0e.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90",
                                 'name' => 'test',
-                                'price' => '888'
+                                'price' => '888',
+                                'originPrice' => '1000'
                             ),
                             array(
                                 'href' => 'http://www.yohobuy.com/product/pro_327765_421995/TUCTUC36205TaoZhuang.html?channel=kids',
                                 'img' => "http://img13.static.yhbimg.com/goodsimg/2015/11/05/09/02eb88e527a57d0e26e13f2eb9cc35ad0e.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90",
                                 'name' => 'test',
-                                'price' => '888'
+                                'price' => '888',
+                                'originPrice' => '1000'
                             ),
                             array(
                                 'href' => 'http://www.yohobuy.com/product/pro_327765_421995/TUCTUC36205TaoZhuang.html?channel=kids',
                                 'img' => "http://img13.static.yhbimg.com/goodsimg/2015/11/05/09/02eb88e527a57d0e26e13f2eb9cc35ad0e.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90",
                                 'name' => 'test',
-                                'price' => '888'
+                                'price' => '888',
+                                'originPrice' => '1000'
                             ),
                             array(
                                 'href' => 'http://www.yohobuy.com/product/pro_327765_421995/TUCTUC36205TaoZhuang.html?channel=kids',
                                 'img' => "http://img13.static.yhbimg.com/goodsimg/2015/11/05/09/02eb88e527a57d0e26e13f2eb9cc35ad0e.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90",
                                 'name' => 'test',
-                                'price' => '888'
+                                'price' => '888',
+                                'originPrice' => '1000'
                             ),
                             array(
                                 'href' => 'http://www.yohobuy.com/product/pro_327765_421995/TUCTUC36205TaoZhuang.html?channel=kids',
                                 'img' => "http://img13.static.yhbimg.com/goodsimg/2015/11/05/09/02eb88e527a57d0e26e13f2eb9cc35ad0e.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90",
                                 'name' => 'test',
-                                'price' => '888'
+                                'price' => '888',
+                                'originPrice' => '1000'
                             ),
                             array(
                                 'href' => 'http://www.yohobuy.com/product/pro_327765_421995/TUCTUC36205TaoZhuang.html?channel=kids',
                                 'img' => "http://img13.static.yhbimg.com/goodsimg/2015/11/05/09/02eb88e527a57d0e26e13f2eb9cc35ad0e.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90",
                                 'name' => 'test',
-                                'price' => '888'
+                                'price' => '888',
+                                'originPrice' => '1000'
                             ),
                             array(
                                 'href' => 'http://www.yohobuy.com/product/pro_327765_421995/TUCTUC36205TaoZhuang.html?channel=kids',
                                 'img' => "http://img13.static.yhbimg.com/goodsimg/2015/11/05/09/02eb88e527a57d0e26e13f2eb9cc35ad0e.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90",
                                 'name' => 'test',
-                                'price' => '888'
+                                'price' => '888',
+                                'originPrice' => '1000'
                             )
                         )
@@ -384,32 +413,7 @@ class Sale1Controller extends WebAction
             'saleList' => array(
                 'saleBanner' => array(
                     'bannerHeight' => 350,
-                    'list' => array(
-                        array(
-                            'bannerHeight' => 350,
-                            'img' => 'http://img12.static.yhbimg.com/couponImg/2015/12/10/08/02d4c26f19ca2e44359d69d5cff86167fb.jpg'
-                        ),
-                        array(
-                            'bannerHeight' => 350,
-                            'img' => 'http://img12.static.yhbimg.com/yhb-img01/2016/01/06/05/02062366574a01418596caa38a773f6beb.jpg?imageView/1/w/1150/h/450'
-                        ),
-                        array(
-                            'bannerHeight' => 350,
-                            'img' => 'http://img11.static.yhbimg.com/yhb-img01/2016/01/06/05/013341a0632177cc3425c3c6082845be57.jpg?imageView/1/w/1150/h/450'
-                        ),
-                        array(
-                            'bannerHeight' => 350,
-                            'img' => 'http://img12.static.yhbimg.com/couponImg/2015/12/10/08/02d4c26f19ca2e44359d69d5cff86167fb.jpg'
-                        ),
-                        array(
-                            'bannerHeight' => 350,
-                            'img' => 'http://img12.static.yhbimg.com/yhb-img01/2016/01/06/05/02062366574a01418596caa38a773f6beb.jpg?imageView/1/w/1150/h/450'
-                        ),
-                        array(
-                            'bannerHeight' => 350,
-                            'img' => 'http://img11.static.yhbimg.com/yhb-img01/2016/01/06/05/013341a0632177cc3425c3c6082845be57.jpg?imageView/1/w/1150/h/450'
-                        )
-                    )
+                    'img' => 'http://img12.static.yhbimg.com/couponImg/2015/12/10/08/02d4c26f19ca2e44359d69d5cff86167fb.jpg'
                 ),
                 'saleTitle' => array(
                     'name' => '全部商品',