推荐相关修改

@@ -253,7 +253,6 @@ const component = {
         };
         };
 
 
         model.mightLike(params).then(result => {
         model.mightLike(params).then(result => {
-            console.log(result.data.product_list);
             if (result && result.code === 200) {
             if (result && result.code === 200) {
                 res.json({
                 res.json({
                     code: 200,
                     code: 200,

 <template>
 <template>
     <div class="top-filter clearfix">
     <div class="top-filter clearfix">
         <ul class="filter-type">
         <ul class="filter-type">
-            <li class="type-item" @click="toggleRec">推荐<i class="icon" :class="recClass"></i></li>
+            <li class="type-item" @click="toggleRec">{{activeSort.text}}<i class="icon" :class="recClass"></i></li>
             <li class="type-item" @click="toggleFilter">筛选<i class="icon" :class="filterClass"></i></li>
             <li class="type-item" @click="toggleFilter">筛选<i class="icon" :class="filterClass"></i></li>
         </ul>
         </ul>
         <div class="recommend-detail" v-show="!recDown">
         <div class="recommend-detail" v-show="!recDown">
             <ul class="rec-items">
             <ul class="rec-items">
-                <li class="item active">推荐</li>
-                <li class="item">新品</li>
-                <li class="item">价格从高到低</li>
-                <li class="item">价格从低到高</li>
+                <li v-for="item in recItems" class="item"
+                    :class="{active: activeSort.text === item.text}" @click="sortChange(item)">{{item.text}}</li>
             </ul>
             </ul>
         </div>
         </div>
         <div class="recommend-detail" v-show="!filterDown">
         <div class="recommend-detail" v-show="!filterDown">
@@ -30,12 +28,27 @@ module.exports = {
     data(){
     data(){
         return {
         return {
             recDown: true,
             recDown: true,
-            filterDown: true
+            filterDown: true,
+            recItems: [
+                {
+                    text: '推荐',
+                    val: ''
+                }, {
+                    text: '新品',
+                    val: 's_t_desc'
+                }, {
+                    text: '价格从高到低',
+                    val: 's_p_desc'
+                }, {
+                    text: '价格从低到高',
+                    val: 's_p_asc'
+                }
+            ],
+            activeSort: {
+                text: '推荐',
+                order: ''
+            }
         }
         }
-    },
-    components: {
-        simple,
-        updown
     },
     },
     computed: {
     computed: {
         recClass(){
         recClass(){
@@ -62,16 +75,26 @@ module.exports = {
         toggleFilter(){
         toggleFilter(){
             this.recDown = true;
             this.recDown = true;
             this.filterDown = !this.filterDown;
             this.filterDown = !this.filterDown;
-        }
         },
         },
-    watch: {
-        val: function(newVal) {
+        sortChange(item) {
+            const text = this.activeSort.text;
+
+            if (item.text === text) {
+                this.recDown = true;
+                return;
+            }
+
+            this.activeSort = item;
             bus.$emit('order.change', {
             bus.$emit('order.change', {
-                val: newVal,
+                val: item.val,
                 ref: this._uid
                 ref: this._uid
             });
             });
+            this.recDown = true;
         }
         }
-    }
+    },
+    watch: {
+    },
+    components: {}
 };
 };
 </script>
 </script>
 <style>
 <style>