价格等级图片

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

@@ -34,6 +34,9 @@
         background: #E15621;
         color: #fff;
     }
+    .activeImg{
+        opacity: 0.5;
+    }
 
     .fabu {
         float: right;
@@ -92,6 +95,7 @@
         margin-right: 20px;
         background-color: #fff;
         cursor: pointer;
+        background: #000
     }
 
     .itemImg .bigImg {
@@ -278,6 +282,7 @@
         height: 10vw;
         background-color: #ffffff;
         border-bottom: .24vw solid #F0F2F4;
+        position: relative
     }
 
     .ClassA {
@@ -325,7 +330,11 @@
     .itemImg{
         width:31.2vw;
         height:31.2vw;
-        float: left
+        float: left;
+        background: #000;
+    }
+    .activeImg{
+        opacity: 0.5;
     }
     .itemImg img{
         width: 100%;
@@ -458,4 +467,16 @@
         font-size: 3.7vw;
         color: #53504D
         }
+    .fabu{
+        background: #e15616;
+        height: 56px;
+        width: 100%;
+        text-align: center;
+        line-height: 56px;
+        font-size: 19px;
+        position: fixed;
+        bottom: 0;
+        z-index: 1
+    }
+    .fabu a{color: #fff}
 }

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

@@ -25,6 +25,7 @@
                <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>
+               <li class="fabu"><a href="/flea-market/form.html">我要发布</a><li/>
            </ul>
        </template>