new-default

@@ -2,7 +2,7 @@
 <div id="new-goods">
 <div id="new-goods">
     <div class="filter-nav-wrap" data-sticky>
     <div class="filter-nav-wrap" data-sticky>
         {{> common/filter-nav 
         {{> common/filter-nav 
-            firstOrderName='全部'
+            firstOrderName='默认'
             firstOrderValue='s_t_desc'}}
             firstOrderValue='s_t_desc'}}
         <div id="js-filter"></div>
         <div id="js-filter"></div>
     </div>
     </div>

@@ -51,6 +51,7 @@ let searchView = function() {
     let body = document.body;
     let body = document.body;
     let $c = $('#new-goods');
     let $c = $('#new-goods');
     let $navBox = $c.find('.filter-nav');
     let $navBox = $c.find('.filter-nav');
+    let $newList = $c.find('.new-list');
     let $goodsWraper = $c.find('.goods-container');
     let $goodsWraper = $c.find('.goods-container');
 
 
     let goodsT = require('product/new/goods.hbs');
     let goodsT = require('product/new/goods.hbs');
@@ -168,7 +169,7 @@ let searchView = function() {
             return;
             return;
         }
         }
 
 
-        let order = $activeNav.data('order') || $activeNav.find('.cur').data('order');
+        let order = $activeNav.attr('data-order') || $activeNav.find('.cur').data('order');
 
 
         searchParams.order = order;
         searchParams.order = order;
         changeAction();
         changeAction();
@@ -256,6 +257,25 @@ let searchView = function() {
             $navBox.on('click', 'li', function(event) {
             $navBox.on('click', 'li', function(event) {
                 let $curNav = $(event.currentTarget);
                 let $curNav = $(event.currentTarget);
 
 
+                // 处理新添加的默认，最新排序
+                if ($curNav.hasClass('first-li-more')) {
+                    filter.hideFilter();
+
+                    if ($newList.hasClass('hide')) {
+                        $curNav.find('.up').removeClass('hide');
+                        $curNav.find('.down').addClass('hide');
+                        $newList.removeClass('hide');
+                    } else {
+                        $curNav.find('.up').addClass('hide');
+                        $curNav.find('.down').removeClass('hide');
+                        $newList.addClass('hide');
+                    }
+
+                    return;
+                }
+
+                $newList.addClass('hide');
+
                 let $activeNav = switchNav($curNav);
                 let $activeNav = switchNav($curNav);
 
 
                 checkOrderChange($activeNav, function() {
                 checkOrderChange($activeNav, function() {
@@ -268,6 +288,37 @@ let searchView = function() {
                     });
                     });
                 });
                 });
             });
             });
+
+            // 单独处理默认、最新排序条件
+            $newList.on('click', 'li', function(event) {
+                let $defaultCurNav = $(event.currentTarget);
+                let $firstMore = $('.first-li-more');
+
+                $newList.addClass('hide');
+                $firstMore.find('.up').addClass('hide');
+                $firstMore.find('.down').removeClass('hide');
+
+                if ($defaultCurNav.hasClass('new')) {
+                    $firstMore.attr('data-order', 's_t_desc').find('.span-test').text('最新');
+                    $defaultCurNav.addClass('active');
+                    $newList.find('.default').removeClass('active');
+                } else {
+                    $firstMore.attr('data-order', '').find('.span-test').text('默认');
+                    $defaultCurNav.addClass('active');
+                    $newList.find('.new').removeClass('active');
+                }
+
+                checkOrderChange($firstMore, function() {
+                    fetchNew({ // eslint-disable-line
+                        $box: $goodBox,
+                        before: $box => {
+                            fetchXhr.abort();
+                            $box.html('');
+                        }
+                    });
+                });
+            });
+
         });
         });
 
 
     $(window).scroll(function() {
     $(window).scroll(function() {

@@ -25,6 +25,32 @@ body {
     width: 100%;
     width: 100%;
 }
 }
 
 
+.new-list {
+    width: 100%;
+    background-color: #fff;
+    font-size: 0.7rem;
+    color: #444;
+    position: absolute;
+    z-index: 5;
+
+    li {
+        margin-left: 1.2rem;
+        height: 2.2rem;
+        line-height: 2.2rem;
+        border-bottom: 1px solid #e0e0e0;
+        padding-right: 0.95rem;
+    }
+
+    li:last-child {
+        border-bottom: none;
+    }
+
+    li.active {
+        background: url(../img/product/shop/check.png) no-repeat 94% center;
+        background-size: 0.9rem 0.65rem;
+    }
+}
+
 
 
 .goods-container {
 .goods-container {
     overflow: hidden;
     overflow: hidden;
@@ -72,10 +98,6 @@ body {
     border-bottom: 1PX solid #dededf;
     border-bottom: 1PX solid #dededf;
 }
 }
 
 
-.filter-nav li:first-child .down{
-    display: none;
-}
-
 .filter-nav .iconfont {
 .filter-nav .iconfont {
     color: #999;
     color: #999;
 }
 }