bugCommit

src/main/resources/static/css/flea-market/list.css

@@ -11,9 +11,9 @@
     .activeImg{opacity: 0.5;}
     .fabu {float: right;text-align: center;color: #e15616;border-bottom: 1px solid #e15616;height: 32px;margin-right: 30px}
     .fabu a {line-height: 40px;color: #e15616}
-    .mainTab {background: #fff;width: 128px;position: absolute;z-index: 1;}
+    .mainTab {background: #fff;width:1184px;position: absolute;z-index: 1;}
     .Listitem:nth-of-type(4n) {margin-right: 0;}
-    .mainTab li {height: 40px;line-height: 40px;text-align: center;color: #627386;cursor: pointer;}
+    .mainTab li {height: 40px;line-height: 40px;text-align: center;color: #627386;cursor: pointer;width: 128px;float: left;}
     .mainTab li.addstyle {background: #ffe6dc;color: #e15616;}
     .shopList {width: 1184px;margin: 20px auto;font-size: 0;}
     .Listitem {width: 284px;display: inline-block;margin: 0 16px 20px 0;}
@@ -81,7 +81,7 @@
     .mIcon.liulanliang:before {background-position: -28.8vw -15.5vw;width: 5.3vw;height: 5.3vw;}
     .mIcon.shijian:before {background-position: -36.8vw -15.8vw;width: 4.9vw;height: 6vw;position: absolute;right: .24vw;top: -1.7vw;}
     .mIcon.dizhi:before {background-position: -87.7vw -38.4vw;width: 5.3vw;height: 5.3vw;position: absolute;right: -6vw;top: -1.3vw}
-    .mIcon.off:before{background-position: -68vw .53vw;width: 5.3vw;height: 5.3vw;position: absolute;right: 5vw;top: 1.7vw;}
+    .mIcon.off:before{background-position: -68vw .53vw;width: 5.3vw;height: 5.3vw;position: absolute;right: 4vw;top: 1.7vw;}
     .mIcon.open:before{background-position: -60.3vw .53vw;width: 5.3vw;height: 5.3vw;position: absolute;right: 5vw;top: 1.7vw;}
     .no-content{padding:26.6vw 5.3vw;background-color: #fff;margin: auto;}
     .no-content img{width: 50%;display: block;margin: 0 auto;padding: 0.5rem 0;}

src/main/resources/static/css/product/detail.pc.css

@@ -24,7 +24,7 @@ li{list-style:none;}
 .productBox .detailBox .tags{padding:2px 0}
 .productBox .detailBox .tags span{display:inline-block;line-height:16px;padding: 3px 6px;font-size:12px;color: #9aa5b5;border-radius:2px;margin-right:10px;border: 1px solid #e2e7ef;}
 .productBox .detailBox .detail{box-sizing:border-box;padding:14px 20px;font-size:14px;color:#9aa5b5;background:#f3f7fe;border-radius:2px;margin:10px 0;position:relative;}
-.productBox .detailBox .detail hr{border:none;border-top:1px dashed #F9DDD0;margin:12px 0}
+.productBox .detailBox .detail hr{border:none;border-top:1px dashed #E2E7EF;margin:12px 0}
 .productBox .detailBox .row{padding:3px 0 3px 80px;line-height:24px;position:relative;}
 .productBox .detailBox .row .l{display:inline-block;min-width:60px;height:24px;text-align:justify;vertical-align:top;margin-left:-80px;}
 .productBox .detailBox .row .l:after{content:'';display:inline-block;width:100%}
@@ -62,11 +62,11 @@ li{list-style:none;}
 .recommendBox .hd{font-size:16px;color:#4A4F58;font-weight:bold;padding:16px 32px}
 #productRecommend{padding:16px;background: #fff}
 #productRecommend li{float:left;width:167px;height:205px;overflow:hidden;}
-#productRecommend li .item{width:153px;height:205px;margin:0 auto;line-height:22px;background:#FFF;}
+#productRecommend li .item{width:151px;height:205px;margin:0 auto;line-height:22px;background:#FFF;}
 #productRecommend li .item a{display:block;width:100%;height:100%;color:#93979F}
 #productRecommend li .item a:hover{color:#E15616}
 #productRecommend li .item a:hover img{border: solid 1px #e15616;}
-#productRecommend li .item img{display:block;width:153px;height:153px;border:solid 1px #e2e7ef;}
+#productRecommend li .item img{display:block;width:151px;height:151px;border:solid 1px #e2e7ef;}
 #productRecommend li .item span{max-height:44px;padding-top:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
 #productRecommend .swiper-wrapper{height:205px;overflow:hidden;background:url(/img/base/placeholder.png) repeat-x center;background-size:162px;}
 #productRecommend .swiper-pagination{width:100%;height:14px;z-index:1;text-align:center;font-size:0;}

src/main/resources/static/js/flea-market/list.js

@@ -8,8 +8,9 @@ var fleaMarketList = new Vue({
      showflag:false,
      mainflag:false,
      userID:JSON.parse(localStorage.getItem('userInfo')),
+     tabTitleName:'二手仪器',
      tabTitle: [
-                {value:'1',name:'全部'},
+                {value:'1',name:'二手仪器'},
                 {value:'2',name:'临期产品'},
                 {value:'3',name:'其他'}
                ],
@@ -69,21 +70,21 @@ var fleaMarketList = new Vue({
                 this.pageInput = 1;
             }
         },
-         handle: function (item) {//一級分类
+         handle: function (index) {//一級分类
                var _this = this;
-               _this.currentId = item.value;
-               // _this.currentID2 = 0;
-               if ( _this.currentId==1){
-               _this.mainflag = true;
+               _this.currentId = index;
+               if ( _this.currentId == '1'){
+                    _this.mainflag = true;
                }else {
-               _this.mainflag=false;
-                _this.currentID2 = 0;
+                    _this.mainflag=false;
+                    _this.currentID2 = 0;
                }
                _this.gettabList();
           },
            handleChild:function(item){ //二级分类
                var _this = this;
                _this.currentID2 = item.value;
+               _this.tabTitleName = item.name;
                 if (_this.currentID2==item.value){
                     _this.mainflag=false;
                 }

src/main/resources/templates/flea-market/list.html

@@ -18,14 +18,25 @@
         </div>
         <template>
             <ul class="secondTitle " v-if="isPC">
-                <li class="ClassA icon " v-for="(item, index) in tabTitle" :key="index" @click="handle(item)" :class="[currentId==item.value?'active':'',item.value==1?'jqSelect':'']">{{item.name}} </li>
+                <li class="ClassA icon" @click="handle('1')" :class="[currentId == '1' ? 'active':'',currentId == '1' ? 'jqSelect':'']">{{ tabTitleName }}</li>
+                <li class="ClassA icon" @click="handle('2')" :class="[currentId == '2' ? 'active':'',currentId == '2' ? 'jqSelect':'']">临期产品</li>
+                <li class="ClassA icon" @click="handle('3')" :class="[currentId == '3' ? 'active':'',currentId == '3' ? 'jqSelect':'']">其他</li>
                 <li class="fabu">
                     <a href="/flea-market/form.html">我要发布</a>
                 <li/>
             </ul>
             <ul class="secondTitle" v-else>
-                <li class="ClassA  mIcon" v-for="(item, index) in tabTitle" :key="index" @click="handle(item)" :class="[currentId==item.value?'active':'',item.value==1?'off':'']">{{item.name}}
-                    <span class="line" v-if="currentId==item.value"></span>
+                <li class="ClassA mIcon" @click="handle('1')" :class="[currentId == '1' ? 'active':'',currentId == '1' ? 'off':'']">
+                    {{ tabTitleName }}
+                    <span class="line" v-if="currentId == '1'"></span>
+                </li>
+                <li class="ClassA mIcon" @click="handle('2')" :class="[currentId == '2' ? 'active':'',currentId == '2' ? 'off':'']">
+                    临期产品
+                    <span class="line" v-if="currentId == '2'"></span>
+                </li>
+                <li class="ClassA mIcon" @click="handle('3')" :class="[currentId == '3' ? 'active':'',currentId == '3' ? 'off':'']">
+                    其他
+                    <span class="line" v-if="currentId == '3'"></span>
                 </li>
             </ul>
         </template>