更新排序

search/lists/css/style.css

@@ -27,6 +27,7 @@
   box-shadow: 5px 3px 1px -3px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
 }
 
-#subCategory {
+#subCategory,
+#recommendItem {
   display: none;
 }/*# sourceMappingURL=style.css.map */

search/lists/css/style.css.map

@@ -1 +1 @@
-{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAAA;EACI,WAAA;ACCJ;ADCI;EACI,UAAA;EACA,eAAA;ACCR;ADCQ;EACI,WAAA;EACA,aAAA;EACA,gBAAA;EACA,cAAA;EACA,yBAAA;EACA,0CAAA;ACCZ;ADCY;EACI,mBAAA;ACChB;ADGQ;;EAEI,WAAA;EACA,yBAAA;ACDZ;;ADMA;EACI,aAAA;EACA,iHAAA;ACHJ;;ADMA;EACI,aAAA;ACHJ","file":"style.css"}
+{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAAA;EACI,WAAA;ACCJ;ADCI;EACI,UAAA;EACA,eAAA;ACCR;ADCQ;EACI,WAAA;EACA,aAAA;EACA,gBAAA;EACA,cAAA;EACA,yBAAA;EACA,0CAAA;ACCZ;ADCY;EACI,mBAAA;ACChB;ADGQ;;EAEI,WAAA;EACA,yBAAA;ACDZ;;ADMA;EACI,aAAA;EACA,iHAAA;ACHJ;;ADMA;;EAEI,aAAA;ACHJ","file":"style.css"}

search/lists/css/style.scss

@@ -31,6 +31,7 @@
     box-shadow: 5px 3px 1px -3px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
 }
 
-#subCategory {
+#subCategory,
+#recommendItem {
     display: none;
 }

search/lists/index.html

@@ -1962,6 +1962,13 @@
             <button id="new">
               最新
             </button>
+
+            <span id="recommendItem">
+              <span class="mx-1">｜</span>
+              <button id="recommend">
+                推薦
+              </button>
+            </span>
           </div>
         </div>
       </div>

search/lists/js/main.js

@@ -158,7 +158,12 @@ async function dataSearch(type = "") {
 
   // 排序
   if (assignOrder === "") {
-    url += "&order_by=hot"; // 預設
+    // 預設
+    if (assignTab === "designerTab") {
+      url += "&order_by=recommend";
+    } else {
+      url += "&order_by=hot";
+    }
   } else {
     url += `&order_by=${assignOrder}`;
   }
@@ -478,6 +483,16 @@ $('.search-tab-list .nav-item').click(function (e) {
   assignTab = button.attr('id');
   console.log('assignTab', assignTab);
 
+  if (assignTab === "designerTab") {
+    $('.search-btn-filter').find('.active').removeClass('active');
+    $("#recommend").addClass('active');
+    $("#recommendItem").show();
+  } else {
+    $('.search-btn-filter').find('.active').removeClass('active');
+    $("#hot").addClass('active');
+    $("#recommendItem").hide();
+  }
+
   // 全部清除
   filterList.length = 0; // 清空篩選陣列
   $('.keywords').val(''); // 清空搜尋欄位